是否有快捷方式在Chrome DevTools中以元素的样式切换"display:none/block"?

Gre*_*een 8 css google-chrome shortcut google-chrome-devtools chrome-dev-editor

在Chrome DevTools中,有一个显示/隐藏元素的快捷方式:

在此输入图像描述

Chrome会__web-inspector-hide-shortcut__为元素添加类,但它只不过是visibility: hidden:

在此输入图像描述

是否有类似的快捷方式来改变元素的display: none/block风格?那么点击它添加style='display: none;'属性并切换它none/block

在此输入图像描述

Kon*_*nel 4

没有这样的捷径。您可以做的是使用backspace从 DOM 中删除元素并使用cmd+z将其恢复。