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

在Chrome开发者面板中，此工具

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

Safari也有同样的工具

---

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

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

• 在Mac上-⌘ + Shift+C

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

有关更有用的键盘快捷键，请参阅。

快捷键为Ctrl+Shift+C（）

---

您也可以右键单击网页中的任何元素，然后在Windows和Linux上单击

检查元素

，以打开底部的“检查元素”窗格：

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

• 或者您可以使用：F12

---

虽然您通常可以在网页中的元素上单击鼠标右键，然后单击“检查元素”，但了解这些键盘快捷键对于在页面上使用JavaScript禁用该页面中的右键单击非常有用。

Ctrl+Shift+C for linux。

在Mac上，您可以使用⌘ + ⌥ + 我

这对我来说很有用

这里有一个资源，您可以在其中找到所有这些快捷方式

---

@SimpleCoder事实上，它列在文档中，请参阅。我指的是选项下的快捷方式面板。该快捷方式也适用于

linux

版本。也许有人知道在按下Ctrl+Shift+C后可以立即检查元素的可能性？当Web developer工具未显示且您按此快捷方式时，元素选择器不会自动选择-您必须按第二次甚至第三次。如果您正在处理4个选项卡、更改它们、打开和关闭web开发人员工具，这将严重影响生产效率。。这很烦人-我来自Opera开发者工具，现在没有比这更好的了。

Ctrl+Shift+C

是更好的快捷方式，因为它选择的元素是鼠标立即覆盖的元素。对于F12，您需要再次单击鼠标。天哪，这条捷径真是省时！你在哪里找到的？不记得我在哪里找到的：）我已经更新了我的答案，其中有一个指向不同设备和操作系统快捷方式的链接。