跟踪javascript应用程序中的执行

Question

是否有任何自动方式来跟踪javascript应用程序（在浏览器中）的执行情况？ 我需要根据用例知道：

• 哪些功能称为
• 哪个函数调用哪些函数

事实上，它是仪器（如伊斯坦布尔）的代码覆盖，但是用于运行时。

------------------------- EDIT --------------------- ----
我想生成执行期间使用的函数映射 示例：
1 - 用例＃1：
functA1 - ＆gt; [functB3，functC2 - ＆gt; [functE5，functD8]]
functA2 - ＆gt; [functT2]
functA3

使用这种执行图，我可以理解appl的工作方式 并比较两个版本之间的执行。

Answer 1

您可以在浏览器的“来源”标签中设置断点。在chrome上它是ctrl + option + j并点击'Sources'。从那里你可以在你想要的函数上设置一个断点，并且可以跟踪逐行执行的内容。

希望这有帮助。

Answer 2

关于chrome调试的

非常棒：

1. ctrl + option + j

2. 点击“来源”

3. 然后转到“事件侦听器断点”并选择可能调用您的函数的事件，然后在函数调用之后按下F10，它将移动到下一个要执行的语句，依此类推。 请参阅屏幕截图：https://iamlalit.tinytake.com/sf/MTY5MDc1N181NjM1ODA1