Html 防止检查元件对准元件？

有没有办法通过Chrome强制检查元素以忽略某个元素

我经常需要在整个站点上放置一个覆盖层（比如为了开发目的），唯一的问题是我的开发工作流程受到影响，因为“检查元素”总是针对顶级元素

我想问这个问题的另一种方式是，如何在不影响我的检查器工作流程的情况下，将覆盖（站点PSD）放置在活动站点上

谢谢你的建议

---

我刚刚尝试了

：before

，它允许文本选择/不显示在inspector中，但它仍然被捕获。

我想象您正在谈论使用右键单击选项检查元素或使用放大镜选择页面上的对象。我不认为有什么方法可以阻止它在你不做一点工作的情况下以这种方式工作

您可以使用一个按钮在本地打开和关闭覆盖（或者可以在控制台中运行JS代码段来删除覆盖）

您可以选择覆盖，然后在工具的“检查元素”部分中，右键单击对象并删除节点（只要它不是所有其他内容的父节点）。然后您可以在页面上选择对象

---

或者您可以只检查元素（最上面的一个），然后在DOM树中的Chrome的inspect element选项卡中向下钻取到您的元素。不过有一件好事，如果您在刷新时这样做，它应该会将您带回到inspect element选项卡中的该元素（除非在页面上加载iframe非常复杂，在这种情况下它不会这样做）

只是在看我以前的答案，不确定这是新的chrome行为还是什么，但是chrome的inspect元素尊重

指针事件：无