用于理解源代码的JavaScript调试器

时间:2012-06-16 09:41:40

标签: javascript

上下文

我正在尝试理解一个庞大的毛茸茸的JavaScript库的内部。

我已经拥有了未缩小的版本。

JavaScript的动态性让我很难通过阅读代码来猜测发生了什么。

我想要像gdb这样的东西...我可以"步骤"通过每个单独的JavaScript函数/代码行。

问题:

我应该使用什么浏览器(Safari?Firefox?Chrome?),以及使用什么插件?

谢谢!

4 个答案:

答案 0 :(得分:3)

使用Chrome Developer Tools。包含调试器和分析器。

当你只想知道对象里面的内容时,使用console.log(obj):你会在属性树中看到它的内容。由于有许多工具,我建议您完全阅读官方文档:正确使用它们确实会影响您的生产力

Firefox中现在有一个类似的工具(之前你必须使用Firebug),但Chrome的使用更多,部分原因在于其更强大的js引擎(V8)。

IE开始包含这样的工具集,但现在使用它真的很糟糕和痛苦(我想这会改变)。

答案 1 :(得分:1)

现在每个现代浏览器都有一个开发人员工具。在浏览器窗口中按F12ctrl+shift+k即可获得一个。

您可以设置断点并使用即时控制台来分析代码

答案 2 :(得分:0)

你可以获得Firefox的FireBug

答案 3 :(得分:0)

对于调试,我会使用Firefox的开发人员工具 - >错误控制台来检查错误。是的,我使用firebug进行更高级的调试。但是我通过查看错误控制台解决了我的大部分问题。

“简约是最终的成熟。” - 莱昂纳多达芬奇