个人认为谷歌浏览器堪称开发神器，你们觉得呢？

[heylogo]

极其便捷的源码跟踪查看、精确到像素的标尺、适用不同设备页面开发的 UA 模拟，等等等等

再看 IE ，简直就是个渣。

[ljbha007]

Chrome Dev tools 还可以把网络文件和本地文件进行关联 在浏览器里调试时的修改可以直接保存到本地对应的文件 非常方便

http://stackoverflow.com/questions/6843495/how-to-save-css-changes-of-styles-panel-of-chrome-developer-tools


这里还有一篇讲得更详细的 ppt 不过很老了 又出了很多新功能
https://www.igvita.com/slides/2012/devtools-tips-and-tricks

[ljbha007]

@wesley
我专门去看了下 firebug 你可以去仔细看看 chrome 的工具 firebug 有的 chrome 也很早以前就有了 而且网络数据显示得更详细 连 gzip 压缩前大小、解压缩时间等都统计出来 并且有图表显示 甚至连哪一行代码发起的请求都能追踪到
还有 Chrome 可以追踪动画运行时的帧率等等 我以前也一直用的 firebug 因为 firefox 字体不好看的原因换了 chrome 之后发现没什么不一样 后来渐渐积累了一些经验和技巧才发现 chrome 的调试工具太牛逼了！！

[loading]

firefox 的调试实在不适应，专门装了个 chrome ，而用户都是 firefox …

[heylogo]

@loading 你可能专业方面的不适应，我是对 firefox 的 UI 不适应，感觉过于锐利，用起来心里总觉得咯得慌。

不知道我说明白没 ==

[heylogo]

@ljbha007 哈哈 我只是作为互联网爱好者凭使用感觉说的，不像你们这么专业。

[jydeng]

chrome 和 firefox 圣战打响。

[ljbha007]

@heylogo firefox 以前字体之难看 中文字体在 linux 下大的大小的小 都没对齐 强迫症看到就想万蚁噬心

[heylogo]

@jydeng 无意引战，只是觉得谷歌用起来真是方便且强大

<img src="http://i1.tietuku.com/78425891425aa40b.png">

[heylogo]

http://i1.tietuku.com/78425891425aa40b.png

[mocxe2v]

XDebug,Fiddler,Firebug,用过的三个开发工具，不知道 JavaScript 怎么调试？

[falcon05]

用 Firebug ，因为 FirePHP ，逃

[YuJianrong]

没有见过比 chrome devtools 更强的 web 开发工具。

控制台： chome 的是光标从上往下而不是 FF/IE 那样一小条，个人觉得好用很多
调试器：超级强大，文件可以按目录排而不是 FF 那样所有文件放一起，这对于我们一个项目超 1k 个 JS 由文件夹分模块来说是杀手级的。然后断点有 JS 断点、 dom 断点、事件断点和 XHR 断点，几乎能调试任何问题。最可怕的是几个版本前还增加了异步 call stack （据我所知没有任何其他调试器包括其他语言的调试器实现了这个功能），虽然实际应用场景不是很多不过用于调试一些疑难 bug 还是有用的。
profiller: 能记录 JS 函数调用和 heap allocation snapshot ，分析内存泄露神器
time line ：记录整个 render 过程的 JS 和 render 调用，能对 render 进行逐步分析（不是很好用），还有 canvas 断点用于调试 Canvas 应用（没用过）

说实话我相信 chrome devtools 这个先进程度在这个星球上其他浏览器在数年内是赶不上了（而且 chrome 还在快速演进，不要说赶上现在连不被抛离都有难度啊）。

备注：本人是曾经的 Firefox 粉，不过开始大规模开发 HTML 后就投入 chrome 了。

[oott123]

装了个 Chrome ，只为了偶尔调试下复杂点的网页或者手机网页啥的。
Dev Tools 确实好用，但个人是实在不想用 Chrome 进行日常的网页浏览，扩展功能不太够用……
而且很多 webkit only 的属性呀，用起来就像是用 IE6 时代的 IE6 一样。
平常还是用 Firefox 。

[aisin]

以前一直用 firefox 的 firebug ，现在移动开发越来越多，渐渐喜欢上了 chrome 的开发工具

[heylogo]

@aisin 谷歌的移动开发真的很赞，谁用谁知道

[TakanashiAzusa]

我把 chrome 当半个 ide 用。。 workspace 即时更新本地 css ，可见可得——虽然这样好像抑制了手写代码的能力

[loading]

@heylogo 我也是 ui 上的不适应，有些地方要找很旧，我调试是从 chrome 起步的，也许是先入为主。

[Mavious]

说 ffox 字体难看的，不会写 css 强制调用字体啊！
配个 mactype ，爽爆了。

[joyee]

@ljbha007 这大概不是浏览器的锅,是设置 /字体的锅……

[joyee]

个人感觉各家浏览器的开发者工具都有自己的特色，都有其他家不能取代的点……不过论综合的话， Chrome 显然是整体来说最好的，还有很多实验功能 /要加命令行参数才能打开的功能，开了更黑魔法。

话说要比较就拿 Chrome Canary 和 Firefox Developer Edition 啊 Edge 啊这样的来比较啊不然耍流氓啊……而且 Chrome 的 devtools 最好先把官方那个 guide 看一遍会知道很多 trick ，没必要东奔西走文档里应有尽有……