在 javascript 应用程序中跟踪执行答案

【问题标题】：trace execution in a javascript application在 javascript 应用程序中跟踪执行
【发布时间】：2017-06-13 13:12:32
【问题描述】：

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

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

-------------- 编辑 --------- ----
我想生成执行期间使用的函数的映射。
示例：
1 - 用例 #1 :
functA1 -> [functB3, functC2 -> [functE5, functD8 ] ]
functA2 -> [functT2]
函数A3

通过这种执行图，我可以理解appl是如何工作的
并比较两个版本之间的执行情况。

【问题讨论】：

【解决方案1】：

在 chrome 上的调试非常棒：

ctrl + option + j
点击“来源”
然后转到“事件侦听器断点”并选择可能调用您的函数的事件，然后在函数调用所在的位置按下 F10 将移动到下一个要执行的语句，依此类推。请参考截图：https://iamlalit.tinytake.com/sf/MTY5MDc1N181NjM1ODA1

【讨论】：

【解决方案2】：

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

希望这会有所帮助。

【讨论】：