Chrome v95开发者工具单位转换功能Bug如何规避？

1. 异常CSS代码快速格式化方案 #

• 主流前端IDE（VS Code、WebStorm等）均支持选区格式化功能：选中错乱的代码片段，按下对应快捷键（VS Code默认Ctrl+Shift+I/Mac端Cmd+Shift+I，WebStorm默认Ctrl+Alt+L/Mac端Cmd+Opt+L）即可仅格式化选中区域，无需处理整份文档。
• 轻量处理也可以用本地文本编辑器的正则替换功能，匹配规则为(\d+)\s*\n\s*(em|px|%|cm|rem)\s*\n，替换为$1$2，几秒即可完成小段错乱代码的修正。

2. 不降级浏览器的Bug规避方案 #

• 直接关闭存在问题的单位转换功能：打开开发者工具右上角齿轮形状的设置图标，找到*实验性（Experiments）*分类，取消勾选启用CSS单位转换（Enable CSS unit conversion）选项，重启开发者工具后两类异常问题都会完全消失，不影响其他开发功能使用。
• 临时使用不需要关闭功能的话，可以改为双击选中单条样式的数值+单位部分单独复制，不会触发拆分换行的问题。

3. 剪贴板自动修正方案 #

• Windows系统可以通过AutoHotkey编写后台监听脚本，当剪贴板内容匹配到数值和单位拆分换行的规则时，自动执行替换修正后再写入剪贴板，全程无感知不需要手动操作。
• Mac系统可以通过自带的Automator创建全局快速操作，结合pbpaste、pbcopy命令加正则替换规则，设置自定义快捷键触发，复制错乱代码后按一次快捷键即可自动修正剪贴板内容。
• Linux系统可以结合xclip命令编写自定义Shell别名，执行别名即可自动读取剪贴板内容、修正拆分的单位后写回剪贴板。

内容的提问来源于stack exchange，提问作者Marcopole