从chrome中使用 Ctrl + Shift + C inspect mode非常酷，但当页面上有隐藏元素时也可以选择它们（这不是问题），但你不能选择那些背后的可见项目。
我设法在元素标签上使用删除节点，然后我可以选择我感兴趣的项目。问题是某些逻辑可能依赖于隐藏的项目，然后我必须刷新页面进行调试或检查。
我搜索了一个允许我只选择可见项目的插件，但没有运气。是否可以配置任何功能来实现该功能？
答案 0 :(得分：2)
您可以为元素添加pointer-events:none;样式，以便您自己点击元素＆＃34;后面＆＃34;元素。
有几种方法可以获得＆＃34;隐形＆＃34;框，包括但不限于具有visibility:hidden;样式的元素或具有透明背景的元素，其大小超出其包含的元素。在没有误报的情况下检测所有这些情况将是一个相当大的挑战，因此获得所需结果的最简单方法是通过CSS＆＃34;样式＆＃34;手动设置pointer-events:none;。标签（右侧的面板）。
检查器中另一个有用的快捷方式是 H 。按 H ，您可以切换元素的可见性。这允许您在视觉上隐藏元素而不将其从文档中移除，例如，如果你想调试一些其他元素所涵盖的元素。