html - 防止检查元素定位元素？

Question

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

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

我想问这个问题的另一种方式是，如何在实时站点上放置覆盖（站点 PSD），而不影响我的检查员工作流程？

感谢您的任何建议！

我刚试过:before，它允许文本选择 / 不会出现在检查器中，但它仍然被捕获。

Answer 1

我想您正在谈论使用右键单击选项来检查元素或使用放大镜来选择页面上的对象。如果您不做一点工作，我认为没有办法阻止它以这种方式工作。

您可以有一个按钮来为您在本地打开和关闭该覆盖（或您可以在控制台中运行以删除覆盖的 JS 片段）。

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

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

Answer 2

只是在看我的旧答案，不确定这是否只是新的 chrome 行为还是什么，但 Chrome 的检查元素尊重pointer-events: none;