谷歌浏览器 - 是否可以使用按钮打开开发人员工具

时间:2011-12-05 12:13:52

标签: google-chrome

所以我正在尝试从Firefox切换到Chrome,对我来说一个很大的障碍就是从Firebug转移到Chrome的开发者工具。开发人员工具工作正常,我只想在屏幕上有一个按钮来点击访问它们而不是菜单选项(我知道有一个快捷键击但我不记得我需要的一半,因为它是)

有没有办法在书签栏中添加一个可以打开开发人员工具面板的按钮或书签?

我在OS X 10.7上运行最新版本。


更详细一点

在OS X 10.7中 F12 打开仪表板,而 fn + F12 增加音量

可以更改该功能,以便 F12 增加音量, fn + F12 通过系统偏好设置打开仪表板。

2 个答案:

答案 0 :(得分:20)

如果您对按键只感到满意,那么您可以像 F12 那样工作(在OSX 10.8上测试的说明):

  • 打开Keyboard Shortcuts偏好设置
  • 点击列表中的“任务控制”
  • 取消“显示仪表板”(禁用 F12 的默认beahviour)
  • 点击列表中的“应用程序快捷方式”
  • 点击右侧列表下方的“+”
  • 从下拉列表中选择Google Chrome
  • 在“菜单标题”中,键入Developer Tools
  • 点击“键盘快捷键”,然后按 F12

打开Chrome,然后按 F12 - Dev Tools应该会立即打开!


F12 to open Chrome Dev Tools

我设置 F12 打开开发工具, F5 设置刷新页面

答案 1 :(得分:0)

也许Fn-F12可以解决这个问题? (IIRC,您可以在系统设置中切换F键的默认行为)。否则,它是⌥⌘I⌥⌘J(后者默认打开控制台。)有关于Web Inspector / DevTools快捷方式的good doc

也就是说,谷歌Chrome的设计显然是简约的,以避免用户界面混乱,减少用户对他们实际从未使用的东西感到困惑的可能性,因此无法使用UI按钮调用DevTools。