用于调试JavaScript的工具综述

Question

您使用哪些技术（alert(message);除外）来调试JavaScript / jQuery？特别注意浏览器特定的技术。

工具

• console.log(message) - 替代alert(message);（Nirmal）
  • 浏览器安全通话（soslo）
• jsFiddle - 示范（Craver）
• BlackBird - 将信息写入屏幕（Oli）

火狐

• FireBug（Lite）
• Venkman's JS Debugger Add-in（Zeus）

铬

• 内置development tools（tutorial）
• Firebug Lite（扩展名）

Safari浏览器

• 内置工具（overview - jsummers）（more information）

戏

• Dragonfly

Internet Explorer（我必须把它放在最后）

• Developer Toolbar
• Firebug Lite
• Adobe BrowserLab（Mickel）
• IETester（Mickel）
• MS Expression Web SuperPreview（Rijpstra）

Answer 1

console是您的朋友，默认情况下在较新的浏览器中可用，您可以使用FireBug Lite向IE添加大量调试。

对于其他浏览器：

• Chrome has developer tools
• Firefox has the excellent Firebug addon

对于演示/测试用例，jsFiddle也是一个很好的工具。

Answer 2

如果您担心使用console.log，因为并非所有浏览器都支持此功能，那么使用几行javascript就可以轻松解决这个问题：

console = console || {};
console.log = console.log || function(){}; //you can change this to do whatever you want, or leave it to just keep js errors from being thrown

Answer 3

我喜欢黑鸟。它是一个跨浏览器的JS日志框架，支持debug / info / warning / error。

您可以使用F2功能键随时显示控制台。

http://www.gscottolson.com/blackbirdjs/

Answer 4

如果您正在寻找alert(message);的替代方案，则为console.log(message);

要求是您需要任何现代浏览器或安装了开发人员工具的浏览器。

Answer 5

Chrome开发者工具是Safari (WebKit) Developer Tools的直接后代。

Answer 6

测试比调试域更多。

Selenium - 用于GUI测试

JSUnit - 用于单元测试

Answer 7

请参阅所有答案的综述问题。