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

Question

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

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

Safari拥有相同的工具。

是否有键盘快捷键来激活该工具（一旦打开面板）？

Answer 1

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

• 在Mac上 - ⌘ + Shift + C

• 在Windows / Linux上 - Ctrl + Shift + C 或 F12

有关更多有用的键盘快捷键，请参阅developer tools documentation。

Answer 2

快捷方式是 Ctrl + Shift + C （source）。

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

Answer 3

Ctrl + Shift + C也适用于linux。

Answer 4

在Windows＆amp; Linux，打开底部的“Inspect element”窗格：

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

• 或者您可以使用： F12

虽然您通常可以右键单击网页中的元素并单击Inspect element，但了解这些键盘快捷键非常有用，因为当页面有JavaScript禁用该页面中的右键单击时。

Answer 5

在Mac上你可以使用⌘ + ⌥ + I

这对我有用。

这是一个可以找到所有这些快捷方式的资源 https://developers.google.com/web/tools/chrome-devtools/shortcuts