Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以节省常工作中很多日的开发时间。下面列出了每个快捷键在Windows/Linux及Mac中的对应键。其中一些快捷键对于DevTools全局可用，而另一些则只能在单个面板中使用。
打开DevTools
你可以通过以下任何一种方式来访问DevTools：
打开浏览器右上角的Chrome菜单，然后选择“更多工具”–“开发者工具”。在页面任何元素处点击右键，然后选择“审查元素”。
所有面板
Elements面板
右键点击元素你可以：
更改元素状态(:active,:hover,:focus,:visited)；元素上设置断点(更改子元素、更改属性及删除节点)；清空控制台
样式侧边栏(Style Sidebar)
模仿元素伪状态(:active,:hover,:focus,:visited)
添加新的样式选择器
Sources 面板
Don’t pause on exceptions
Pause on All exceptions (including those caught within try/catch blocks)
Pause on uncaught exceptions (usually the one you want)
代码编辑快捷键
TimeLine 面板
Profiles 面板
Console 控制台
右键点击控制台：
XMLHttpRequest记录：打开查看XHR的日志导航处切换保存日志过滤：隐藏与显示脚本文件的信息清空控制台：清空控制台所有信息
Screencasting
Emulation
其他Chrome快捷方式
下面是一些浏览器中非常有用的额外的快捷方式(附： 所有Windows/Linux/Mac快捷方式 )
转自第七城市，侵权立删。
