javascript - 在 javascript 应用程序中跟踪执行

Question

是否有自动跟踪 javascript 应用程序(在浏览器中)执行的方法？
我的需要是根据用例知道:

• 调用了哪些函数
• 哪些函数调用哪些函数

事实上，它是通过检测(如 Istanbul)进行的代码覆盖，但用于运行时。

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

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

Answer 1

在 chrome 上调试非常棒:

1. ctrl + option + j

2. 点击“来源”

3. 然后转到“Event Listener Breakpoints”并选择可能调用您的函数的事件，然后在函数调用所在的位置按 F10，它将移动到下一个要执行的语句，依此类推。请引用截图:https://iamlalit.tinytake.com/sf/MTY5MDc1N181NjM1ODA1