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

Question

无论如何都要冻结或锁定页面的DOM，所以不能对它进行进一步的更改（CSS或Javascript等）吗？

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

右键单击元素以检查它的正常方法会使元素从DOM中消失。

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

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

Answer 1

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

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

（点击图片查看大图）

Answer 2

如果在元素处于悬停/聚焦等状态时应用样式，则可以强制使用chrome中的元素状态。

1. 检查您想要拥有该州的元素。
2. 点击样式面板中的:hov菜单选项
3. 点击您想要的状态复选框



或

1. 右键单击“元素”窗格中的元素标记
2. 从上下文菜单中选择CSS状态



其他浏览器也有类似选项。