javascript - 在事先不知道方法的情况下，如何在调试时找出 Javascript 中调用了哪些方法？

Question

比如我想调试一个第三方库。它里面有太多的功能，我不知道从哪里开始。有没有一种快速方法可以在不事先了解代码库并因此不知道在哪里放置断点的情况下找出正在触发哪些函数？

Answer 1

要查看调用了哪些函数，您应该使用您最喜欢的调试工具的 JavaScript 分析器。

这些分析器输出有关从何处调用哪些函数以及调用频率的信息(即它们的成本如何)。

在 Firebug(2.0 版)中:

1. 启用脚本和控制台面板
2. 切换到控制台面板
3. 点击个人资料按钮
4. 执行一些操作，调用第三方代码中的函数。
5. 再次点击个人资料按钮

结果:

在 Firefox 开发工具中:

1. 切换到性能面板
2. 点击开始录制性能按钮
3. 执行一些操作，调用第三方代码中的函数。
4. 点击停止录制性能按钮
5. 切换到调用树选项卡

结果:

在 Chrome/Opera DevTools 中:

1. 切换到时间轴面板
2. 点击录制按钮(或按Ctrl+E
3. 执行一些操作，调用第三方代码中的函数。
4. 点击完成按钮
5. 切换到聚合详细信息标签