javascript - 有没有办法卡住或锁定页面的 DOM？

Question

有没有办法卡住或锁定页面的 DOM，因此不能对其进行进一步的更改(CSS 或 Javascript 等)？

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

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

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

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

Answer 1

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

例如，节点移除时中断。这将作为删除特定 DOM 元素的断点。

(点击图片放大)