在 Chrome Devtools Inspector 中禁用“长度创作工具”(css 单位选择器)

Mag*_*son 66 google-chrome google-chrome-devtools

不需要的功能
Chrome 95 中引入了新功能,用户可以将鼠标悬停并单击 css 值的单位部分来热交换单位。
该功能是软件包解决方案的一部分,在发行说明中被标记为“ Length Authoring Tools ”,可以在官方博客的发行说明中看到实际情况并详细描述。

如何禁用此功能?

问题一:

在此输入图像描述

如果检查器中的 css 行显示,padding: 0 10px;那么用户可以单击该px行的 - 部分并打开一个选择器,让用户交换px到其他单位,例如rem,vmaxin
单击该部分值不再让用户快速编辑整个值。大多数用户事先已经知道他们想要使用什么单位,因此不需要帮助他们意外选择pt或专门与其他地方 vw一起工作。问题2:px


Ctrl+CCtrl+V 之后
从检查器中选择和复制属性时,现在会在值和单位之间插入空格/新行,因为单位部分似乎被视为单独的元素。这使得开发工具中的原型设计以及复制/粘贴到外部文档变得非常乏味且损坏。

Mag*_*son 29

更新答案2021-11-16:

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

Chrome 96 的官方发行说明中提到了以下内容。

要禁用长度创作工具,请导航到开发工具中的此位置,然后取消选中复选框:
设置>实验>在样式窗格中启用 CSS 长度创作工具

如何禁用长度创作工具


但...

有关 Length 创作工具的主要问题也在 Chrome 96 中得到了完全解决。

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

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

长度创作工具在右侧显示 V 形

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

为复制准备的所选 CSS 复制/粘贴结果


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



旧答案:

你不能。

(尽管修复即将到来!)

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

Chromium 中已添加修复程序([1][2][3]),这些修复程序正在慢慢走向 Chrome 的稳定版本。

但帮助正在路上......

Chrome 96计划于2021 年 11 月 16 日发布(来源),根据官方推文,即 10 月 28 日后约 3 周发布。它将至少包含恢复为 css 属性的自由文本编辑(源代码)。希望版本 96 能够完全解决这个问题,但如果没有,那么下一个主要版本定于2022 年 1 月 4 日发布(如果这个问题到那时仍未解决,那么 Google 的某个人应该被解雇)。

就目前而言,Chrome Canary似乎已经实施了这些修复,如果您发现 Length 创作工具的当前状态难以忍受,则可能会被视为该问题的替代解决方案。

请注意,Chrome Canary 可能相当不稳定。



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

  • Chrome 96发布,该功能已恢复 (3认同)