[TOC] 激活开发工具通常是按下 `F12` 键（ Mac 系统为 `Cmd + Option + I` ），或通过右键点击页面，选择弹出菜单中的“审查元素”。 | 浏览器 | 开发工具集 | 类型 | 文档 | | --- | --- | --- | --- | | Chrome | Developer Tools | 集成 | Documentation | | Firefox | Firebug | [扩展](http://www.getfirebug.com/) | [Documentation](http://getfirebug.com/wiki/index.php/Main_Page) | | Internet Explorer | Developer Toolbar | 集成 | [Documentation](http://msdn.microsoft.com/en-us/library/gg589507%28v=VS.85%29.aspx) | | Opera | Dragonfly | 集成 | [Documentation](http://www.opera.com/dragonfly/documentation/) | | Safari | Developer Tools | 集成 ([默认关闭](http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/Safari_Developer_Guide/2SafariDeveloperTools/SafariDeveloperTools.html#//apple_ref/doc/uid/TP40007874-CH3-SW7)) | [Overview](http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/Safari_Developer_Guide/2SafariDeveloperTools/SafariDeveloperTools.html) | 你充分发挥了这些工具的潜力吗？开发工具最大的特点就是很容易使用，但结果就是开发者们常常错过了它们所提供的大部分功能。受到 [Paul Irish 和 Pavel Feldman 视频谈话](http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/) 的启发，我列出了一个有关开发控制台“秘密”的列表。我不指望它们中的每一个都对你来说是未知的，只希望它们中的某一些能够有助你成为一个更好的Web开发者。 https://developers.google.com/web/tools/chrome-devtools/ http://frontenddev.org/column/chrome-development-tools-using-guide/ http://wiki.jikexueyuan.com/project/chrome-devtools/ http://1ke.co/course/199