语境
我试图了解一个庞大的、毛茸茸的 JavaScript 库的内部结构。
我已经有了未缩小的版本。
JavaScript 的动态性让我很难通过阅读代码来猜测发生了什么。
我想要 gdb 之类的东西……我可以在其中“逐步”通过每个单独的 JavaScript 函数/代码行。
问题：
我应该使用什么浏览器（Safari？Firefox？Chrome？），以及使用什么插件？
谢谢！
问问题
84 次
4 回答
3
使用Chrome 开发者工具。包括调试器和分析器。
当您只想知道对象内部的内容时，请使用 console.log(obj) ：您将在属性树中看到它的内容。由于工具很多，我建议您完全阅读官方文档：正确使用它们确实会对您的工作效率产生很大影响。
现在在 Firefox 中出现了一个类似的工具（您之前必须使用 Firebug），但 Chrome 使用得更多，部分原因是其更强大的 js 引擎（V8）。
IE 开始包含这样的工具集，但现在使用起来真的很糟糕而且很痛苦（我想这会改变）。
于 2012-06-16T09:43:20.860 回答
1
如今，每个现代浏览器中都有一个开发人员工具。在浏览器窗口上按F12ORctrl+shift+k来获得一个。
您可以设置断点并使用即时控制台来分析代码
于 2012-06-16T09:47:53.893 回答
0
你可以得到Firefox 的FireBug。
于 2012-06-16T09:45:08.913 回答
0
对于调试，我会先使用 Firefox 的开发者工具->错误控制台来检查错误。是的，我使用 firebug 进行更高级的调试。但是我通过查看错误控制台解决了我的大部分问题。
“简单是终极的复杂性。” ——列奥纳多·达·芬奇
于 2012-06-16T09:54:41.310 回答