你在浏览器中用哪些工具来调试HTML/JS？

Question

我想收集所有浏览器的最佳调试工具。对于Firefox来说，这可能是Firebug，但你用什么来调试IE？Safari？Opera？Opera Mini？还有其他什么工具可用吗？有没有适用于IE 6和IE 5的工具？

- Aaron Digulla

---

现在有一个后续问题，为什么在Android上没有直接调试的等效工具（即没有远程垃圾，在没有互联网连接或非Android设备可用时无法在现场使用）？ - Michael

@Michael：请在此处提出问题并将链接作为评论发布 :-) - Aaron Digulla

Answer 1

对于Firefox（任何版本 > 2.0），请使用Firebug。

- Aaron Digulla

---

我发布这篇文章是为了完整性，以便我们可以使用投票来找到更好的工具（如果有的话 :)。 - Aaron Digulla

Firebug无所不能。唯一它做不到的是找到IE渲染错误，这时你又回到了在IE中进行Web开发的恐怖之中。 - Rob Grant

不同意。我发现Firebug太可怕了，所以我放弃了Firefox改用Chrome，它有一个集成的调试器，实际上没有Bug。 - Michael

@Michael：听起来你发现了Firebug缺少的一个功能；我在所有平台上都遇到了JS调试的问题（当窗口在JS代码中关闭时，Chrome会忽略断点，Firebug不允许我设置断点等等...） - Aaron Digulla

Answer 2

这里有一篇综述文章

• Firefox使用Firebug和Webdeveloper Toolbar,
• Safari和Chrome使用Inspector,
• Opera使用Dragonfly,
• Internet Explorer使用Developer Toolbar。

Firebug仍然拥有最先进的功能，但其他浏览器也在逐渐追赶。

- Thomas Ahle

---

我个人认为Chrome Dev Tools比Firebug要好得多，给它点赞。 - Rixius

Answer 3

对于IE浏览器，可以使用IE 8中包含的开发人员工具或开发人员工具栏。

- Joey

---

IE 6和7。IE 8中的开发工具更加优秀，因此没有任何遗漏。 - Joey

Answer 4

对于Chrome浏览器，使用Chrome开发者工具。

- Chris Fulstow

Answer 5

1. IETester是用于测试IE版本的工具。 2. Adobe BrowserLab或SuperPreview extension for IE可用于测试多种浏览器中的设计。 3. Developer Toolbar是针对IE的开发者工具栏。 4. 当然还有适用于Firefox的Firebug。

- Mickel

Answer 6

在Internet Explorer或其他非FireFox浏览器中：

使用FireBug Lite。

- opHASnoNAME

Answer 7

对于调试，没有什么比火狐浏览器的Firebug插件更好了
如果偶尔需要使用IE进行调试，我会使用Internet Explorer开发者工具栏。

- Rakesh Juyal

Answer 8

谷歌浏览器的Speed Tracer扩展程序看起来非常有用。

- jlarcombe

Answer 9

dynaTrace Ajax 是用于 深度追踪 Internet Explorer 的技术。

- Chris Fulstow

Answer 10

• Fiddler http(s)调试工具: http://www.fiddler2.com/fiddler2/
• FireFox的Web开发者工具栏: https://addons.mozilla.org/nl/firefox/addon/60/
• IE8开发者工具: 链接
• qooxdoo Inspector (支持IE, Firefox, Opera, Safari和Chrome): http://qooxdoo.org/application/inspector
• Blackbird - 你可能再也不需要使用alert()了: http://www.gscottolson.com/blackbirdjs/

- Koen Rijpstra