javascript - 仅在页面加载时调试 Jquery

Question

好的，我熟悉了一些调试附加到元素的事件的技术。单击、鼠标按下、焦点等事件。

这些很简单，但我想做的是记录文档加载时 jquery 插件(如 slider 、表单插件等)触发的事件序列。当页面加载、引入新元素以及更改或删除一些旧元素时，一些 native 标记会发生变化。

现在我尝试了 Chrome 工具和 Firefox，并设置断点来中断某些元素的子树修改，我确定这些元素正在更改，但只有在页面加载完成后才有效。

你们建议使用什么方法来调试这种情况？

不涉及任何代码，只是一个抽象的、一般的情况。

Answer 1

页面加载完成后，点击 Chrome 开发者工具中的“暂停”按钮，刷新页面，页面就会立即暂停 - 您可以单步执行，直到加载之前您想要的位置。确保 JQuery 文件、插件等位于开发、未缩小版本上，才能正常工作。