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

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

在这里输入图像说明

让你select元素并直接在DOM视图中看到它们,并看到它们的CSS属性。

Safari有相同的工具。

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

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

  • 在Mac上 – + Shift + C

  • 在Windows / Linux上 – Ctrl + Shift + CF12

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

快捷键是Ctrl + Shift + C ( 来源 )。

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

Ctrl + Shift + C也适用于linux。

在Windows和Linux上,打开底部的“检查元素”窗格:

  • 您可以使用: Ctrl + Shift + C

  • 或者你可以使用: F12

虽然通常可以右键单击网页中的Inspect element ,然后单击“ Inspect element ,但当页面具有JavaScript以禁用该页面中的右键单击时,了解这些键盘快捷键很有用。

在Mac上,您可以使用 + + I

这对我有用。