如何在JavaScript函数调用发生时查看它们

Question

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

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

我错过了什么或者这不可能吗？

Answer 1

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

Firefox上的Firebug扩展提供了（http://getfirebug.com/javascript）。

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

Google Chrome内置的开发者工具提供了一个较小的子集 - 根据您的需要，它上面的“配置文件”标签可能有用吗？

你究竟需要追踪这个JS函数到底是什么？我们可能会根据您的特殊需求为您推荐更好的工具。

Answer 2

检查 Firebug Profiler ，您可以使用它来查看正在发生的情况，而无需手动添加console.log语句。

要使用分析器，只需转到“控制台”选项卡，然后单击“配置文件”按钮。然后使用您的应用程序或重新加载页面，然后再次单击“配置文件”按钮。然后，您会看到详细报告，其中显示了所谓的功能以及每个人花了多少时间。

http://michaelsync.net/2007/09/10/firebug-tutorial-logging-profiling-and-commandline-part-ii

Understanding Firebug profiler output

Answer 3

除非您明确将该信息附加到DOM。

但是，您可以在某些浏览器的开发者工具中设置断点，例如Safari，Chrome和Firebug for Firefox。