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

JavaScript Debugger for Understanding Source Code

本文关键字：JavaScript 调试器源代码用于更新时间：2023-09-26

我正在尝试理解一个大型、毛茸茸的 JavaScript 库的内部结构。

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

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

我想要类似 gdb 的东西...我可以"逐步"完成每个单独的JavaScript函数/代码行。

什么浏览器（Safari？火狐？铬？我应该使用什么插件吗？

谢谢！

使用 Chrome 开发者工具。包括调试器和探查器。

当您只想了解对象内部的内容时，请使用 console.log（obj）：您将在属性树中看到其内容。由于有很多工具，我建议您完整阅读官方文档：正确使用它们确实对您的工作效率有很大影响。

Firefox 中现在也有类似的工具（你以前必须使用 Firebug），但 Chrome 被更多地使用，部分原因是它更强大的 js 引擎（V8）。

IE开始包含这样的工具集，但是现在使用起来真的很差和痛苦（我想这会改变）。

如今，每个现代浏览器中都有一个开发人员工具。按浏览器窗口上的F12或ctrl+shift+k以获取一个。

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

你可以

得到FireBug for Firefox。

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

"简单是极致的精致。"- 达芬奇