是否可以在浏览器的 JavaScript 控制台中查看 JavaScript 函数调用？我知道你可以查看 XHR，但你可以查看函数调用吗？
例如，我将鼠标悬停在页面上的某个元素上，然后弹出一个 div。我知道有一个 JavaScript 函数被调用来显示弹出窗口，所以能够在控制台中查看这个调用会很好，这样我就可以看到调用了什么函数。
我错过了什么或者这不可能吗？
问问题
38494 次
3 回答
12
所以基本上你想实时查看 JS 调用？
Firefox 上的 Firebug 扩展提供了这一点 ( http://getfirebug.com/javascript )。
基本上，您要做的是在代码中找到您的函数，然后在其上设置断点。然后，您应该能够单步执行它，就像普通的调试器一样。应该不难找到与特定事件（例如鼠标悬停）相关联的 JS 函数 - 这个页面是使用直接 JS 还是框架？如果是这样，是哪一个？
谷歌浏览器的内置开发者工具提供了一个较小的子集——取决于你想要什么，它上面的“个人资料”选项卡可能有用吗？
你究竟需要跟踪这个 JS 函数是为了什么？我们可能会根据您的特定需求为您推荐更好的工具。
于 2011-04-15T02:44:19.503 回答
8
检查Firebug Profiler，您可以使用它来查看正在发生的事情的细分，而无需手动添加console.log语句。
要使用分析器，只需转到控制台选项卡并单击“配置文件”按钮。然后使用您的应用程序或重新加载页面，然后再次单击“个人资料”按钮。然后，您将看到一份详细的报告，其中显示了调用了哪些函数以及每个函数花费了多少时间。
http://michaelsync.net/2007/09/10/firebug-tutorial-logging-profiling-and-commandline-part-ii
于 2011-04-15T03:14:49.963 回答
2
除非您将该信息显式附加到 DOM，否则不会。
但是，您可以在某些浏览器的开发人员工具中设置断点，例如 Safari、Chrome 和 Firefox 的 Firebug。
于 2011-04-15T02:33:11.507 回答