javascript - 如何查看发生的 JavaScript 函数调用

Question

是否可以在浏览器的 JavaScript 控制台中查看 JavaScript 函数调用？我知道你可以查看 XHR，但是你可以查看函数调用吗？

例如，我将鼠标悬停在页面上的某个元素上，就会弹出一个 div。我知道调用了一个 JavaScript 函数来显示弹出窗口，因此如果能够在控制台中查看此调用就好了，这样我就可以看到调用了什么函数。

我错过了什么还是这不可能？

Answer 1

所以基本上你想实时查看 JS 调用？

Firefox 上的 Firebug 扩展提供了这一点 ( http://getfirebug.com/javascript )。

基本上，您想要做的就是在代码中找到您的函数，然后在其上设置断点。然后您应该能够单步执行它，就像普通的调试器一样。应该不难找到与特定事件(例如鼠标悬停)相关的 JS 函数 - 该页面是使用直接 JS 还是框架？如果是的话，是哪一个？

Google Chrome 浏览器的内置开发者工具提供了较小的子集 - 根据您的需要，其中的“个人资料”选项卡可能会有用？

您到底需要跟踪这个 JS 函数的目的是什么？我们也许可以根据您的特定需求为您推荐更好的工具。