禁用Chrome DevTools检查器中的长度创作工具(CSS单位选择器)(&QOOT;LENGTH Authoring Tools&QOOT;) [英] Disabling the "Length Authoring Tools" (css unit selector) in Chrome Devtools Inspector
问题描述
不需要的功能
在Chrome95中引入了新的功能,用户可以悬停并点击CSS值的单位部分来热插拔该单位。
该功能是已在发行说明中标记为";Length Authoring Tools";的软件包解决方案的一部分,可在release notes on the official blog中查看实际操作并进行详细说明。
如何禁用此功能?
第1期:
padding: 0 10px;
,则用户可以单击行的px
-部分并打开一个选择器,让用户将px
交换到其他单位,如rem
、vmax
或in
。
单击该值的这一部分不再允许用户快速编辑整个值。大多数用户事先已经知道他们希望使用什么单位,因此当他们在其他地方专门使用
px
时,不需要帮助他们意外选择pt
或vw
。
第2期:
当从检查器中选择和复制属性时,现在在值和单位之间插入空格/新行,因为单位部分似乎被视为一个单独的元素。这使得在DevTools中创建原型以及将其复制/粘贴到外部文档变得非常乏味和糟糕。
推荐答案
更新答案2021-11-16:
已添加选项以禁用Chrome 96中的长度创作工具。
以下内容在Chrome 96的official release notes中提到。
要禁用长度编写工具,请导航到DevTools中的此位置,然后取消选中复选框:
设置>;实验>;在"样式"窗格中启用CSS长度创作工具。
但是.
Chrome 96中也完全解决了有关长度编写工具的主要问题。
因此,禁用这些工具的初始动机已大大降低。
现在悬停的值的右侧将显示一个V形,而不是在单击它的整个单位部分时做出反应。
复制粘贴现在也可以按预期工作。
结论:
现在可以禁用长度编写工具,但您可能不再需要这样做。
旧答案:
您不能。
(尽管修复即将到来!)
在当前的实时稳定版本(Chrome 95.0.4638.69)中无法切换此功能。
已向Chromium([1]、[2]、[3])添加了修复程序,这些修复程序正在慢慢稳定发布Chrome。
但是帮助正在赶来.
Chrome 96计划于2021年11月16日发布(source),或根据this official tweet在10月28日之后约3周发布。它至少包含恢复到CSS属性的自由文本编辑(source)。希望96版能够完全解决这个问题,但是如果不能完全解决这个问题,那么下一个主要版本计划在2021年1月4日发布(如果这个问题到那时还没有解决,那么Google的某个人应该被解雇)。
就目前而言,Chrome Canary似乎已经实施了这些修复,如果您觉得长度创作工具的当前状态令人无法忍受,则可以将其视为该问题的替代解决方案。
请注意,Chrome Canary可能非常不稳定。
一旦实时稳定版中有真正的修复,将编辑并更正此问题和答案。
这篇关于禁用Chrome DevTools检查器中的长度创作工具(CSS单位选择器)(&QOOT;LENGTH Authoring Tools&QOOT;)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!