html – 如何冻结dom树的状态(不使用js“debugger”语句)来检查

发布时间：2020-12-14 23:27:21 所属栏目：资源来源：网络整理

导读：也许我从浏览器的开发工具中问了太多但是……有没有办法简单地冻结网页的状态,而没有找到JS代码中的相对行并放置调试器语句？ (不是浏览器特定的问题,任何可以做到这一点的浏览器都是好的) 我有一种情况,我想检查页面上的一些DOM,只有在以下情况下才能访问：

也许我从浏览器的开发工具中问了太多但是……有没有办法简单地冻结网页的状态,而没有找到JS代码中的相对行并放置调试器语句？ (不是浏览器特定的问题,任何可以做到这一点的浏览器都是好的)

我有一种情况,我想检查页面上的一些DOM,只有在以下情况下才能访问：

>我点击了一个特定的按钮
>它在模糊事件后消失(例如,一旦我在检查器中找到父元素并单击它,它会立即消失).

因为它在点击时触发,“强制元素状态”也没有帮助.

谢谢！

在Chrome中,如果您知道将要修改的界面中的包含元素,则右键单击它并“检查元素”(或者直接在DOM中直接显示它,如果这对您来说更容易),然后右键单击该元素. DOM并选择“Break On …”> “子树修改”(或任何其他选项适合您).

这应当在该DOM中的任何元素发生变化时暂停JavaScript执行,允许您使用F10等逐步执行JS,并在执行期间的任何时刻查看DOM.

你当然可以监控整个< body>这种方式,如果您不知道会发生什么变化,但这可能会捕获太多变化,具体取决于您的页面的动态程度.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!