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

【问题标题】：In the Chrome developer panel, is there a keyboard shortcut for the element selector?在 Chrome 开发者面板中，元素选择器是否有键盘快捷键？
【发布时间】：2012-08-03 17:05:49
【问题描述】：

在 Chrome 开发者面板中，这个工具...

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

Safari 也有同样的工具。

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

【问题讨论】：

标签： google-chrome google-chrome-devtools

【解决方案1】：

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

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

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

【讨论】：

@SimpleCoder 其实是在文档中列出的，见developers.google.com/chrome-developer-tools/docs/shortcuts。
我的意思是选项下的快捷方式面板。
该快捷方式也适用于linux 版本。
也许有人知道在按下 Ctrl + Shift + C 后能够检查元素的可能性？当未显示 Web 开发人员工具并且您按下此快捷方式时，不会自动选择元素选择器 - 您必须第二次甚至第三次按下它。如果您正在处理 4 个选项卡、更改它们、打开和关闭 Web 开发人员工具，这会严重影响生产力。这很烦人 - 我来自 Opera 开发人员工具，目前没有比这更好的了。
Ctrl + Shift + C 是更好的快捷方式，因为它会立即选择鼠标悬停的元素。使用 F12，您需要再次单击鼠标。我的天哪，这条捷径真是省时！

【解决方案2】：

快捷键是Ctrl+Shift+C (source)。

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

【讨论】：

【解决方案3】：

对于 linux 也是 Ctrl + Shift + C。

【讨论】：

【解决方案4】：

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

您可以使用：Ctrl+Shift+C
或者你可以使用：F12

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

【讨论】：

【解决方案5】：

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

这对我有用。

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

【讨论】：

你在哪里找到的？
不记得我在哪里做了 :) 我已经更新了我的答案，其中包含指向不同设备和操作系统的快捷方式的链接。