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

[heylogo]

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

再看 IE ，简直就是个渣。

[xfspace]

你没看 Edge...

[wesley]

网络连接和控制台不如 Firefox 上的 firebug

[pyKun]

vim 吧...

[hooluupog]

chrome
vim
google
这三样，开发时都是常开的。

[drush]

@wesley 這也是我一直在用 firefox 的原因之一

[Smirnoff]

看什么 IE ,你没看 Edge,你搞开发的用什么老的系统你愿谁。。。。。

[sandideas]

firefox 有话说。

[iamppz]

电脑上的 chrome 就是调试专用的，平时是 ff 和 edge

[zeacev]

从前端来说，我用过的最好的浏览器就是 Chrome ，没有之一。最喜欢的一点就是可以模拟各种手机 UA 各种分辨率

[66beta]

edge 的 dev tools 不能在同窗口，差评

[raincious]

@sandideas

如果你不提 Firebug 的话……

其实我今天都找不到 Firefox 开发控制台里清除 SessionStorage 和 LocalStorage 的方法。当然，那是除了控制台敲命令之外。

[Slienc7]

然而你只用过 IE 和 Chrome 吧。。。 - -

[ffffwh]

为啥我觉得 safari 的顺手一点。。

[sandideas]

@raincious 当然说的是 Firebug 了。

[lonelygo]

既然这样，我就问一个弱智点的问题： IE 的 httpwacth ，在 Chrome 、 safari 、 firefox 下有啥同类

[ljbha007]

@wesley
firebug 的网络监控和控制台好在哪里？
Chrome 的控制台现在连 []取属性都可以提示了
网络请求所有时间长短、内容、请求头都可以看到 连 websocket 都有调试信息

[ljbha007]

http://tutorialzine.com/2015/03/15-must-know-chrome-devtools-tips-tricks/

给你们推荐这个文章 讲了很多调试时候有用的技巧
还有一个我知道的 文中没提的
控制台$0 变量是指向当前选中的节点

[ljbha007]

@lonelygo
chrome 自带 不但可以调 http 还可以调 websocket

[heylogo]

@xgowex 然也

[ljbha007]

还有一个最近研究 React 发现的最屌的功能 目前没有在别的调试工具上看到过

Dom 元素或属性更新时 对应的文字背景颜色会变成紫色闪一下 这个在调试 React 性能的时候格外有用 立马就知道哪些元素更新了 哪些没有更新 哪些不该更新的更新了 很快就能找到问题节点
还有一个技巧就是 可以在页面上重绘的地方 出来个绿色的方框 那些地方重绘了一清二楚