在Chrome开发人员面板中,是否有元素选择器的键盘快捷键?

Eth*_*han 64 google-chrome google-chrome-devtools

在Chrome开发人员面板中,此工具...

在此输入图像描述

允许您选择元素并在DOM视图中直接转到它们,并查看它们的CSS属性.

Safari拥有相同的工具.

是否有键盘快捷键来激活该工具(一旦打开面板)?

Shr*_*har 125

要从检查元素模式和浏览器窗口打开/切换,您可以执行以下操作:

  • 在Mac上 - + Shift+C

  • 在Windows/Linux上 - Ctrl+ Shift+ CORF12

有关更有用的键盘快捷键,请参阅开发人员工具文档.

  • +1:为什么他们不在快捷方式下列出它??糟糕,谷歌! (11认同)

ami*_*elz 6

快捷方式是Ctrl+ Shift+ C().

您还可以右键单击网页中的任何元素,然后单击Inspect element.