在 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
换成其他单位,例如 rem
、vmax
或 in
。
单击值的这一部分不再允许用户快速编辑整个值。大多数用户事先已经知道他们希望使用什么单位,因此在其他地方专门使用 px
时,不需要帮助他们意外 select pt
或 vw
。
问题 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 可能非常不稳定。
一旦实时稳定版本中有真正的修复,这个问题和答案将被编辑和更正。
不需要的功能
在 Chrome 95 中引入了新功能,用户可以悬停并单击 css 值的单位部分以热交换单位。
该功能是在发行说明中标记为“Length Authoring Tools”的软件包解决方案的一部分,并且可以在 release notes on the official blog 中查看实际操作和详细描述。
如何禁用此功能?
问题 1:
如果检查器中的 css 行显示 padding: 0 10px;
那么用户可以单击该行的 px
部分并打开 select 或者让我们用户将 px
换成其他单位,例如 rem
、vmax
或 in
。
单击值的这一部分不再允许用户快速编辑整个值。大多数用户事先已经知道他们希望使用什么单位,因此在其他地方专门使用 px
时,不需要帮助他们意外 select pt
或 vw
。
问题 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 可能非常不稳定。
一旦实时稳定版本中有真正的修复,这个问题和答案将被编辑和更正。