防止检查元素与目标元素？

Question

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

我经常需要在整个网站上放置一个叠加层（比如用于开发目的），唯一的问题是我的开发工作流程因“检查元素”总是瞄准顶层元素而受到影响。

我想另一种提出这个问题的方法是，如何在实际网站上放置叠加层（网站PSD），而不影响我的检查员工作流程？

感谢您的任何建议！

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

Answer 1

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

您可以使用一个按钮在本地为您打开和关闭该叠加层（或者您可以在控制台中运行以删除叠加层的JS片段）。

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

或者您可以只检查元素（顶部元素），然后在Chrome的inspect元素选项卡中的DOM树中深入查看元素。但是有一件好事，如果你刷新它时这样做会让你回到inspect元素选项卡中的那个元素（除非它在页面加载iFrames时非常复杂，在这种情况下它不会这样做）。

Answer 2

仅查看我的旧答案，不确定是只是新的chrome行为还是其他新行为，但Chrome的inspect元素尊重pointer-events: none;