JavaScript 执行时间表
JavaScript Execution Timeline
我正在处理一个包含大量代码的项目。当页面完全加载时，CSS class 被 javascript 删除。但我根本找不到负责该行的行，我什至不确定哪个 javascript 文件包含该行。
是否可以在时间轴上查看在特定时间调用了哪些 javascript 函数？
当我使用 google chrome's devtools' "performance" 选项卡时，我可以看到 CSS-class 是已删除，jQuery 已满载。但是我怎样才能看到负责的线路？
或者，有没有办法查看哪些 javascript 函数与 DOM 元素交互？
谢谢！
在 Chrome 中，您可以使用 DOM 断点来查找：
- 右键单击从中删除 class 的元素，然后从菜单中选择 Inspect。这将打开“元素”面板，并在视图中显示该元素。
- 右键单击“元素”面板中的元素并选择打断 > 属性修改。
重新加载页面（devtools 仍然打开）并等待 DOM 断点被击中。它将切换到 Sources 选项卡并突出显示删除 class.
的语句
稍后当您想要删除 DOM 断点时，您可以在“元素”选项卡上找到它：在右侧的窗格中，选择 DOM 断点（如果右侧窗格足够窄，您可能需要使用 >> 按钮来查看更多选项）。它有一个 DOM 断点列表，您可以通过右键单击菜单将其删除。
我正在处理一个包含大量代码的项目。当页面完全加载时，CSS class 被 javascript 删除。但我根本找不到负责该行的行，我什至不确定哪个 javascript 文件包含该行。
是否可以在时间轴上查看在特定时间调用了哪些 javascript 函数？
当我使用 google chrome's devtools' "performance" 选项卡时，我可以看到 CSS-class 是已删除，jQuery 已满载。但是我怎样才能看到负责的线路？
或者，有没有办法查看哪些 javascript 函数与 DOM 元素交互？
谢谢！
在 Chrome 中，您可以使用 DOM 断点来查找：
- 右键单击从中删除 class 的元素，然后从菜单中选择 Inspect。这将打开“元素”面板，并在视图中显示该元素。
- 右键单击“元素”面板中的元素并选择打断 > 属性修改。
重新加载页面（devtools 仍然打开）并等待 DOM 断点被击中。它将切换到 Sources 选项卡并突出显示删除 class.
的语句稍后当您想要删除 DOM 断点时，您可以在“元素”选项卡上找到它：在右侧的窗格中，选择 DOM 断点（如果右侧窗格足够窄，您可能需要使用 >> 按钮来查看更多选项）。它有一个 DOM 断点列表，您可以通过右键单击菜单将其删除。