Chrome开发者工具复制CSS样式出现换行空格问题如何修复
Chrome 95.0.4638.54 开发者工具CSS样式复制换行问题修复方案
该问题是Chrome 95.0.x正式版本的已知官方bug,由开发者工具内置的文本复制规则异常导致,并非本地配置错误。
临时修复方案(无需调整浏览器版本)
- 不要直接点击样式行触发自动整行选中后复制,改为用鼠标手动拖拽选中完整的单行CSS文本,此时复制的内容不会携带额外换行与空格
- 右键点击需要复制的样式行,选择内置的
复制声明选项,该功能输出的CSS为规范单行格式,不会出现拆分问题 - 若需要复制多条样式,可在样式面板空白处右键选择
复制所有样式,导出全量样式后再提取所需规则即可
永久修复方案
- 将Chrome浏览器升级到96及以上正式版本,该bug已在Chrome 96版本的官方更新中完全修复,升级后默认复制CSS样式会保持正常单行格式
- 若暂时无法升级正式版,可安装Chrome Beta/Dev通道的96+版本使用,对应版本均已解决该复制异常问题
内容的提问来源于stack exchange,提问作者Katia Kovtun
相关产品推荐
相关产品推荐

