JavaScript执行时间表

Question

我正在一个有很多代码的项目上。页面完全加载后，JavaScript将删除CSS类。但是我根本找不到负责该行的行，甚至不知道哪个javascript文件包含该行。

是否有可能在时间轴上看到在特定时间调用了什么javascript函数？

当我使用google chrome的devtools的“性能”标签时，可以看到在删除CSS类时，jQuery已完全加载。但是，我怎么看哪条线负责？

或者，是否有办法查看哪些JavaScript函数与DOM元素进行了交互？

谢谢！

Answer 1

在Chrome浏览器中，您可以使用DOM断点查找此内容：

1. 右键单击要从中删除类的元素，然后从菜单中选择“ 检查 ”。这将打开“元素”面板，并显示该元素。
2. 右键单击“元素”面板中的元素，然后选择“ 断开位置”>“属性修改”。

重新加载页面（devtools仍处于打开状态），然后等待DOM断点被击中。它将切换到Sources选项卡，并突出显示删除该类的语句。

稍后，当您要删除DOM断点时，可以在“元素”选项卡上找到它：在右侧窗格中，选择“ DOM断点”（如果在右侧窗格中，则可能需要使用>>按钮来查看更多选择）。足够狭窄）。它具有DOM断点列表，您可以通过右键单击菜单将其删除。