Firebug 和 Chrome 自带的开发人员工具相比起来有哪些优缺点?

作者：依云
链接：http://www.zhihu.com/question/19601006/answer/18713336
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

我发现 Firefox 上能做到但是 Chrome 不知道要怎么实现的功能：
1. CSS / XPath 匹配测试（FireFinder 插件）；
2. 显示实际连接的 IP/端口号（在 CDN/代理时好用）；
3. 中文界面支持；
4. 在一行中显示对端域名，这样方便人眼判断域名是否正确；
5. 3D 展示元素结构（火狐内建）；
6. 显示所有网络请求（包括弹出后立即关闭的新窗口和部分 Flash）（HttpFox 插件）；
7. 控制台默认显示 JavaScript 对象的部分属性（或者元素）；
8. 显示 jQuery 数据（FireQuery 插件）；
9. 显示来自浏览器缓存（BFCache）的请求；
10. 在刷新时保持上一页面的网络请求数据；
11. CSS 样式和布局等使用 Tab 显示，不需要寻找并展开即可切换；
12. 显示 CSS 字体列表中正在使用的字体（不准确）（插件名好像是 FireFontFamily）；
13. 强大的搜索功能（支持区别大小写和正则；Google Chrome 的是不区分大小写、无法限定词界的简单搜索）；
14. 能够方便地复制需要的文本（Chrome 的有些地方不够方便自然）；
15. 「后退」到上一面板；
16. 记录指定元素上发生的事件；
17. Tab 补全（Chrome 用的右方向键，太远！）；

18. 还有一大堆需要敲代码的功能（比如强大的日志、计时）以及一箩筐插件。

Firebug 很遗憾不支持的功能：
1. source map；
2. 足够高的运行速度。

抛弃firebug的原因，简单说几点吧
1:chrome支持拖拽dom，有时候改布局神马的很方便，firebug不可以
2:chrome可以方便得修改user-agent，调整页面宽高，调试手机页面很方便
3:chrome不支持的css属性会用一个叹号标识出来，firebug会把他直接省略，比如ie的hacks
4:firebug会给css属性加一些不必要的属性，
比如我写个background:gray;，firebug会自动变成background:none repeat scroll 0 0 gray;
5:firebug控制台不支持中文，输入中文，就给replace了...

作者：稻草人
链接：http://www.zhihu.com/question/19601006/answer/18623461
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

作者：题叶
链接：http://www.zhihu.com/question/19601006/answer/18746212
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Chrome:

界面清晰, 打开方便, 相对来说火狐还要自己装插件和在复杂的界面上找;
Workspace, 将 CodeMirror 开发工具加入本地调试的支持;
用开发工具调试开发工具, Popup 开发工具以后按下快捷键展开;
较好的 Remote Debugging API 支持, 比如 Node 和 Brackets 的调试工具借此开发;
比较一致的扩展的调试体验..(好吧 Firefox 扩展我不会写..);
JS 性能 profile 的调试比较多, 最新版还支持火焰图;
Chrome 开发者会在 Google IO 大秀开发工具,

Firefox:

Blackbox 功能, 调试 JS 试屏蔽部分的代码, Chrome 无此功能;
命令行功能, 快速调用 Firefox 集成的开发工具, Chrome 目前需要点击;
字体调试的确, Firefox 远专门一块区域用来查看字体, Chrome 反而还会出错;

双方开发工具都支持的一些功能:

SourceMaps 支持较好, Firefox 在高版本上已经支持, 但 CSS 目前没有跟进,
..Firefox 上在 JS debugger 右侧设置的 "show original sources" 里打开;
文件和方法的快速定位, 高版本 Firefox 集成了, 比 Chrome 多变量名的搜索;
UI 上, Firefox Nightly 版本看, 细节增加的功能不少, 但查找比较难看;
ScratchPad 是 Firefox 较早出来的功能, 相对的 Chrome Snippets 出现较晚;
变量自动补全还能接受吧, Chrome 31 在 CodeMirror 里都补全提示;
Network 请求的内容, Firefox 有的地方比 Chrome 还细, 而 Chrome 显得明确;

吐槽...

之前看到个观点, 认为编辑器不断被集成到浏览器中间去了, 很不好,,
感觉 Chrome 和 Firefox 是否存在大量的重复发明, 而不是提供统一的协议给第三方工具;