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

用于理解源代码的JavaScript调试器 上下文,javascript,Javascript,我试图理解一个庞大的、毛茸茸的JavaScript库的内部结构 我已经有了未缩小的版本 JavaScript的动态性让我很难通过阅读代码来猜测发生了什么 我想要像gdb这样的东西。。。在这里,我可以“逐步”完成每个单独的JavaScript函数/代码行 问题: 我应该使用什么浏览器(Safari?Firefox?Chrome?)以及使用什么插件 谢谢 使用。包括调试器和探查器 当您只想知道对象内部的内容时,请使用console.log(obj):您将在属性树中看到它的内容。由于有很多工具,我建议

我试图理解一个庞大的、毛茸茸的JavaScript库的内部结构

我已经有了未缩小的版本

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

我想要像gdb这样的东西。。。在这里,我可以“逐步”完成每个单独的JavaScript函数/代码行

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

谢谢

使用。包括调试器和探查器

当您只想知道对象内部的内容时,请使用console.log(obj):您将在属性树中看到它的内容。由于有很多工具,我建议您完全阅读官方文档:正确使用它们确实会大大提高您的工作效率

Firefox中现在有一个类似的工具(你以前必须使用Firebug),但Chrome的使用率更高,部分原因是它的js引擎(V8)更强大

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

使用。包括调试器和探查器

当您只想知道对象内部的内容时,请使用console.log(obj):您将在属性树中看到它的内容。由于有很多工具,我建议您完全阅读官方文档:正确使用它们确实会大大提高您的工作效率

Firefox中现在有一个类似的工具(你以前必须使用Firebug),但Chrome的使用率更高,部分原因是它的js引擎(V8)更强大


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

你可以用Firefox获得。

你可以用Firefox获得。

现在每个现代浏览器中都有开发工具。按浏览器窗口上的[code>F12或[code>ctrl+shift+k可获得一个


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

如今,每个现代浏览器中都有一个开发工具。按浏览器窗口上的[code>F12或[code>ctrl+shift+k可获得一个


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

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

“简单是最复杂的。”
-莱昂纳多·达芬奇(Leonardo da Vinci)

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

“简单是最复杂的。”
-莱昂纳多·达芬奇(Leonardo da Vinci)

别忘了,你可以设置断点,逐步完成脚本,并使用“即时”控制台。Chrome怎么比Firebug更强大?@Pumbaa80。我不想对工具偏好发起一场火焰战,所以我只想说Chrome最受欢迎是因为它有更强大的V8引擎(我想没有人讨论这个问题)。我也不是故意要火焰。我只是不知道。很久没有使用Chrome了,只有Firebug…公平地说,它们现在非常相似,你必须关注新闻,看看它们是否还有优势。现在这是一个偏好(和习惯)的问题。别忘了你可以设置断点,逐步完成脚本,并使用“即时”控制台。Chrome如何比Firebug更强大?@Pumbaa80。我不想对工具偏好发起一场火焰战,所以我只想说Chrome最受欢迎是因为它有更强大的V8引擎(我想没有人讨论这个问题)。我也不是故意要火焰。我只是不知道。很久没有使用Chrome了,只有Firebug…公平地说,它们现在非常相似,你必须关注新闻,看看它们是否还有优势。现在这是一个偏好(和习惯)的问题。我实际上在考虑w3m/lynx,但还没有检查他们的JavaScript支持状态。:-)[作为记录,我喜欢使用vim键绑定的浏览器]我实际上在考虑w3m/lynx,但还没有检查它们的JavaScript支持状态。:-)[作为记录,我喜欢使用vim键绑定的浏览器]