仅在页面加载时调试 Jquery

Question

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

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

现在我尝试了 chrome 工具和 firefox 并设置断点以中断对某些元素的子树修改，我确信正在更改，但这仅在页面完成加载后才有效。

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

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

Answer 1

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