在 Chrome Devtools Inspector 中禁用 "Length Authoring Tools"(css 单位选择器)

Disabling the "Length Authoring Tools" (css unit selector) in Chrome Devtools Inspector

不需要的功能
在 Chrome 95 中引入了新功能,用户可以悬停并单击 css 值的单位部分以热交换单位。
该功能是在发行说明中标记为“Length Authoring Tools”的软件包解决方案的一部分,并且可以在 release notes on the official blog 中查看实际操作和详细描述。

如何禁用此功能?

问题 1:

如果检查器中的 css 行显示 padding: 0 10px; 那么用户可以单击该行的 px 部分并打开 select 或者让我们用户将 px 换成其他单位,例如 remvmaxin
单击值的这一部分不再允许用户快速编辑整个值。大多数用户事先已经知道他们希望使用什么单位,因此在其他地方专门使用 px 时,不需要帮助他们意外 select ptvw

问题 2:

当 select 从检查器中复制属性时,现在会在值和单位之间插入 whitespaces/new 行,因为单位部分似乎被认为是一个单独的元素。这使得在 devtools 中制作原型和 copy/pasting 到外部文档非常乏味和损坏。

更新答案 2021-11-16:

在 Chrome 96.

中添加了一个选项来禁用长度创作工具

下面提到的official release notes为Chrome96.

要禁用长度创作工具,请导航到 DevTools 中的此位置并取消选中复选框:
设置 > 实验 > 在样式面板中启用CSS长度创作工具.


但是...

有关长度创作工具的主要问题也已在 Chrome 96 中得到完全修复。

因此,禁用这些工具的最初动机已大大减少。

V 形现在会出现在悬停值的右侧,而不是对点击它的整个单位部分做出反应。

复制粘贴现在也可以按预期工作。


结论
现在可以禁用长度创作工具,但您可能不再需要。



旧答案:

你不能。

(虽然即将修复!)

在当前的实时稳定版本 ( Chrome 95.0.4638.69 中无法切换此功能。

已向 Chromium ( [1], [2], [3] ) 添加了修复程序,这些修复程序正在慢慢进入 Chrome.

的稳定版本

但是帮助正在路上...

Chrome 96 计划于 2021 年 11 月 16 日 发布 (source), or ~3 weeks after October 28 according to this official tweet. It will at least contain a revert to free text editing of css properties (source)。希望版本 96 将完全解决这个问题,但如果没有,那么下一个主要版本将安排在 2021 年 1 月 4 日(如果到那时这个问题还没有解决,Google 应该被解雇)。

至于现在,Chrome Canary 似乎已经实施了这些修复,如果您发现长度创作工具的当前状态无法忍受,可能会被视为该问题的替代解决方案。

请注意 Chrome Canary 可能非常不稳定。



一旦实时稳定版本中有真正的修复,这个问题和答案将被编辑和更正。