新版Google Chrome复制CSS时出现多余换行,如何避免该问题?
Chrome CSS控制台复制格式错乱问题说明及修复方案
问题现状
Chrome 117及以上版本推出CSS数值拖拽调节功能后,确实存在直接选中CSS代码复制时,属性值、单位、分号被强制拆分为多行的bug,已有大量开发者遇到相同问题。
错误格式复现示例:
max-width: 626 px ;
解决方案
临时快速处理(无需修改浏览器配置)
- 复制单条CSS声明时,右键点击目标声明,选择
复制声明后粘贴,格式完全正常 - 复制整条样式规则(含选择器)时,右键点击规则对应的选择器区域,选择
复制规则即可
永久关闭拖拽功能、恢复旧版复制逻辑
- 在Chrome地址栏输入
chrome://flags回车进入实验性功能管理页 - 搜索
#devtools-css-numeric-value-drag配置项 - 将该配置项的取值从
Default切换为Disabled - 点击页面底部的
Relaunch按钮重启浏览器,即可完全恢复旧版CSS控制台的交互和复制功能
内容的提问来源于stack exchange,提问作者Yarushi
相关产品推荐
相关产品推荐

