66

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

在此处输入图像描述

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

Safari 也有同样的工具。

是否有激活该工具的键盘快捷键(打开面板后)?

4

5 回答 5

127

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

  • 在 Mac 上 -⌘</kbd> + Shift + C

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

如需更多有用的键盘快捷键,请参阅开发者工具文档

于 2012-08-06T17:42:36.853 回答
6

快捷方式是Ctrl++ ( sourceShift ) 。C

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

于 2012-08-06T17:44:37.423 回答
4

Ctrl + Shift + C 也适用于 Linux。

于 2013-10-31T19:49:51.547 回答
2

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

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

  • 或者你可以使用:F12

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

于 2013-10-25T12:28:55.427 回答
2

在 Mac 上,您可以使用⌘</kbd> + ⌥</kbd> + I

这对我有用。

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

于 2017-08-25T06:33:35.820 回答