Chrome如何禁用点击Inspector尺寸值时弹出的单位选择下拉框

永久关闭方案 #

在Chrome地址栏输入 chrome://flags/#enable-devtools-css-unit-switcher 并访问，找到「Enable CSS unit switcher in DevTools Styles pane」选项，将取值修改为 Disabled，重启浏览器后该功能就会完全关闭，不会再出现点击数值弹出下拉框、复制CSS带多余换行的问题。如果在flags页面找不到对应选项，可打开DevTools后按F1打开设置面板，在「实验性」分类中搜索CSS unit switcher，取消对应勾选后重启DevTools即可生效。

临时规避技巧 #

如果不想修改浏览器实验配置，可以用以下操作规避影响：

• 编辑数值时双击数值区域而非单击，会直接全选数值进入编辑状态，不会触发单位下拉框
• 复制CSS规则时，右键点击对应规则块，选择「复制声明」或「复制全部声明」，不要手动框选单行内容复制，即可避免数值、单位、分号被拆分换行的问题
• 调整数值大小时，选中数值后直接用键盘上下方向键调整，精度可控，也不会触发下拉框

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