无论如何要冻结或锁定页面的 DOM？

Question

无论如何要冻结或锁定页面的 DOM，因此无法对其进行进一步更改（CSS 或 Javascript 等）？

当div或 页面失去焦点时，我一直难以找到出现或消失的元素。

我的正常方法是右键单击一个元素来检查它，这会使该元素从 DOM 中消失。

通过手动搜索 DOM Inspector，我可以找到该元素，但是一旦我在 Inspector 中单击它，该元素就会从 DOM 中消失。

这整个情况导致页面的某些交互部分完全无法访问。我不知道应用了哪些 CSS 规则，我应该查看哪个 CSS 文件中的行号或其他任何内容。而且我真的不想搜索多个 CSS 文件，查看每个规则并试图弄清楚这是否是我正在寻找的规则。

Answer 1

Break on...您是否尝试过在 Chrome 开发者控制台中使用 DOM 元素上下文菜单中的选项之一？

例如，Break on Node removal。这将充当删除特定 DOM 元素的断点。

（点击图片可查看大图）