Google Chrome浏览器:查看资源/检查元素的键盘快捷键?


19

Google Chrome具有类似于Firebug的功能,您可以单击页面元素并选择“检查元素”。

我总是跳到“资源”视图来查看HTTP请求。

是否有键盘快捷方式可打开此工具?


官方文档和更有用的快捷方式:Chrome开发人员工具:键盘快捷键
Michal Mau


同样,F12在Ubuntu上的Chrome浏览器中显示“检查元素”窗格
dylan murphy,

Answers:


23

我才发现,原来Ctrl+ Shift+ ICtrl+ Shift+ C的作品。就像萤火虫一样。

在OS X,这是Command+ Option+ ICommand+ Shift+ C


1
感谢horizens-正是我想要的。商定,检查员变得非常好,我不再需要Firebug。FF,再见
shacker,2010年

改变了我的答案...与Firefox具有相同的快捷键很棒。
frankadelic 2011年

Cmd / Ctrl + Shift + C也非常有用,因为它允许您选择要检查的特定元素,而无需在上下文菜单中导航。另请参阅developers.google.com/chrome-developer-tools/docs/shortcuts
2012年

有谁知道如何更改此键盘快捷键?在Firebug中,您可以配置快捷方式。它是Chrome,似乎很难设定。由于某种原因,我使用dvorak键盘布局,而C键离我的左手很远。
迈克尔·巴特勒

11

实际按住N并在页面上的某处单击鼠标右键会打开检查窗口,并带您到您在tnnnnnnnnhe页面中单击的代码段。我刚刚发现了这一点。


您的错别字是无意的搞笑:)
frankadelic 2011年

1
为页面上的特定点+1(即使OP仅需要常规窗口)。这对于悬停问题很好,无需将鼠标移到弹出菜单上,而是将鼠标放在正确的位置。
goodeye 2012年

3
@goodeye注意:您也可以通过单击切换元素状态(带箭头的虚线框)图标来模拟悬停,如果找不到它,它位于“样式”手风琴菜单的右侧状态”
Myster 2012年

1
我的天哪,一直以来我一直在右键单击并执行“ Inspect Element”浪费所有时间。
shriek

@Myster,不错的提示,顺便说一句,切换设备模式仅会调整大小吗?
Pacerier

3

Ctrl+ Shift+ I打开开发人员工具,直到您上次访问的部分。如果您在参考资料部分中的最新信息,您将看到参考资料。

我认为没有专门针对Inspect Element的键盘快捷键,因为这取决于上下文(即鼠标的位置)?


Frankadelic确实想打开开发人员工具来访问“资源”面板,而不是“元素”面板,因此Ctrl + Shift + I是一个很好的快捷方式:它以与您离开它们时相同的方式打开开发人员工具。(Chrome的上下文菜单只有很少的选项,因此,右键单击Inspect元素是人们建议通过鼠标访问任何开发人员工具的常见方式。)
Bavi_H 2010年

Bavi_H,没错。
frankadelic
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.