主流浏览器的自带调试工具各有哪些优劣?

Chrome 的调试工具用的最多,也是用的最舒服的一个。Sublime + Chrome 应该是大家比较认可的前端开发套装之一。Chrome 的调试工具,可以参考 https://developer.chrome.com/devtools 来学习。其中的亮点有:1. 移动设备模拟、多分辨率模拟、多种网络情况模拟;2. Mobile Chrome/Webview 调试;3. workspace 和代码编辑保存;4. 性能监测;5. 交互式 JavaScript 执行 等。Chrome 调试工具的更新,可以 follow 一下相关的 Twitter/G+ 账号来获取。FF 和 IE 并没有作为日常开发来用,只有在调试兼容性的时候会偶尔用到。FF 的 3D 结构展示是很棒、很实用也很炫酷的功能,方便查看元素嵌套结构等信息。FF 比较大的问题是感觉反应慢,虽然 Chrome 内存占用比较高,但许多页面或调试工具的响应速度都比 FF 好一些。IE 的开发工具比以往有了很大改善,但卡顿比较严重,虽然能够帮助调试和定位错误,但并不适合日常使用。IE 中许多功能的实现,和 Chrome/FF 并不同,IE 可能会严格执行标准,但 Chrome/FF 会提供一些更宽容的非标准兼容,所以许多前端页面和功能必须在 IE 中进行充分测试。相比较而言,Chrome/FF 的调试工具更加现代化,迭代更新速度也更快,第三方开发类的插件也比较全面。而 IE 相对保守,它的开发工具可用,但并不是一个现代化的工具。
■网友
新版chrome,审查元素时不能新窗口打开静态资源文件


    推荐阅读