[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