Firefox、Chrome、IE浏览器开发者工具的使用

Firefox: Firebug

• https://getfirebug.com/wiki/index.php/Command_Line_API
• https://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts
• https://getfirebug.com/wiki/index.php/Firebug_Extensions
• https://getfirebug.com/wiki/index.php/Firebug_Links
• https://addons.mozilla.org/en-US/firefox/collections/mozilla/webdeveloper/
• http://www.softwareishard.com/blog/firebug-tips/

Chrome: Developer Tools

• https://developers.google.com/chrome-developer-tools/?hl=zh-CN

• https://developers.google.com/chrome-developer-tools/docs/commandline-api?hl=zh-CN

• https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks

• Analyze and optimize your website with PageSpeed tools to implement the web performance best practices

IE: F12 Developer Tools

• F12 Developer Tools
• Developer Tools User Interface Reference
• Navigating the F12 Developer Tools Interface
• 了解 Internet Explorer 开发人员工具

What's New in Windows Internet Explorer

• IE9
• IE10
• IE11

Compatibility

• About conditional comments
• 在 Apache 上实现 META 切换
• 在 IIS 上实现 META 切换
• Understanding user-agent strings
• Windows Internet Explorer 会将什么内容报告为用户代理字符串？

modern.IE

• 一组有助于支持不同版本 Internet Explorer 的新工具
• 下载虚拟机
• 构建现代站点且同时支持旧版 IE 的 20 个提示

（原文发表于：http://www.wangdandong.com/2014/03/24/browser-developer-tools.html ）