如何禁用Chrome DevTools审查器中的Length Authoring Tools（CSS单位选择器）

禁用方法 #

• 启动Chrome开发者工具（可通过快捷键F12、Ctrl+Shift+I（Windows）/Command+Option+I（Mac）唤起）
• 点击开发者工具窗口右上角的齿轮⚙️图标，进入设置页面
• 在左侧菜单栏选择「实验性功能（Experiments）」分类
• 找到Enable CSS length authoring tools选项，取消勾选
• 重启开发者工具后，该功能就会完全关闭

该功能对应的已知问题 #

Chrome 95版本新增的CSS单位快速切换功能属于Length Authoring Tools方案的一部分，实际使用中存在两个明显的体验问题：

• 误触单位切换
  当审查元素的CSS属性为类似padding: 0 10px;的写法时，点击px单位部分会弹出单位选择器，支持切换为rem、vmax、in等单位。如果用户日常仅固定使用px单位，很容易误选pt、vw等其他单位，且点击单位后无法直接快速编辑完整数值。
  
• 复制粘贴异常
  从审查器选中并复制CSS属性时，单位部分会被识别为独立元素，导致数值和单位之间被插入空格或换行符，严重影响DevTools原型调试和向外部文档复制内容的效率。
  
  

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