Chrome开发者工具复制CSS规则时自动插入换行问题如何解决
该异常是Chrome 96及后续版本新增的CSS默认复制规则导致的,可通过以下方法解决:
- 修改开发者工具配置
打开开发者工具后,按F1或点击右上角齿轮图标打开设置面板:- Chrome 96~103版本:找到实验性功能分类,取消勾选
Copy CSS properties as multi-line declarations选项,重启开发者工具后即可恢复单行复制效果 - Chrome 104及以上版本:找到CSS分类,取消勾选「将CSS属性复制为多行声明」选项即可直接生效
- Chrome 96~103版本:找到实验性功能分类,取消勾选
- 临时手动复制
无需修改配置的情况下,直接双击选中需要复制的整行CSS属性文本,按Ctrl+C(Mac设备为Cmd+C)手动复制,粘贴后就是正常的单行格式。
内容的提问来源于stack exchange,提问作者Kostas Gogas
相关产品推荐
相关产品推荐

