如何在页面刷新时保留Chrome DOM断点？
cel*_*tas 11 html debugging dom google-chrome google-chrome-devtools
我想看看在网页上修改DOM元素的代码是什么,所以我通过右键单击DevTools检查器的Elements选项卡中的元素并选择"Break on ..." - >"Subtree"在Chrome中设置断点修改".加载页面时(而不是加载页面)脚本会修改元素,因此我想保留DOM断点并刷新页面.
在javascript代码中保存断点的过程似乎不适用于DOM断点.
在 Chrome 中，DOM 断点在刷新时不会保留，它们会被丢弃，然后在 onload 事件之后恢复。请参阅错误报告 571519，以及该报告中的评论：
我们在重新加载时保留 DOM 断点，但断点仅在 onload 事件时恢复。因此，如果您希望断点在此之前触发或设置在延迟添加的节点上，则不会恢复断点。不过我们应该解决这个问题。
这是解决方法：
- 使用普通断点或
debugger;一行 Javascript暂停Javascript - 删除所有 DOM 断点并添加所需的 DOM 断点
- 恢复。
- 谢谢你，从前的自己！ (16认同)
- 只是更新：他们不会解决问题，错误报告已被标记/关闭为 *“WontFix”*。 (2认同)
我相信这对答案没有正确的解释，因为我也面临这个问题。步骤如下。
- 按 console f12 打开开发人员工具，
- 你需要尝试减慢网页渲染速度，以便能够快速暂停 javascript 执行，我使用的技巧是转到网络选项卡并将在线下拉字段设置为减慢 3G，这样页面渲染速度就会变慢。
- 选择“源”选项卡，然后在左侧栏上检查断点并确保所有断点都已删除，如果仍然设置了一些断点，则将其删除，然后单击“暂停执行”按钮
- 返回您的网页并重新加载它，将网络设置为慢速 3g，您的页面渲染速度会变慢，然后您可以快速返回源并在您看到 HTML dom 加载时暂停执行。这样你的网页就处于暂停状态
- 转到元素选项卡，找到要设置断点的元素并设置它。然后返回“源”选项卡并单击“继续执行”，这将使执行在元素的断点处停止
| 归档时间： |
|
| 查看次数： |
3589 次 |
| 最近记录： |