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

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 9 年前。

Improve this question

上下文

我正在尝试了解一个庞大的 JavaScript 库的内部结构。

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

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

我想要像 gdb 这样的东西......我可以在其中“单步执行”每个单独的 JavaScript 函数/代码行。

问题:

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

谢谢!

Answer 1

使用Chrome Developer Tools 。包括一个调试器和一个分析器。

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

现在 Firefox 中也有类似的工具(以前必须使用 Firebug)，但 Chrome 的使用率更高，部分原因是其更强大的 js 引擎 (V8)。

IE 开始包含这样的工具集，但目前使用起来确实很差而且很痛苦(我想这会改变)。