删除/隐藏元素工具让您只需单击即可移除或临时隐藏网页上的任意元素。为截图清理页面、移除干扰性广告和 Cookie 横幅，或测试去掉某些区块后的布局效果——全程非破坏性操作。
无论是为作品集截取干净的截图、测试页面在某个区块被移除后的布局重排，还是简单地隐藏烦人的弹窗遮罩以阅读下方内容——删除/隐藏元素工具都能胜任。它提供两种模式：删除模式（从 DOM 中完全移除元素，使周围内容重排填充空间）和隐藏模式（将 visibility 设为 hidden，保留元素在布局中的空间）。两种操作均可通过撤销还原。红色悬停遮罩在点击前精确显示将受影响的元素，消除猜测。工具会统计已删除和已隐藏元素的数量，支持逐个或全部撤销。与所有 DevSuite 工具一样，更改为非破坏性操作——刷新页面，一切恢复原状。
在删除模式下，点击任意元素即可将其从页面中完全移除。元素从 DOM 中取出，周围内容重排填充空间——就像该 HTML 从未存在一样。非常适合查看页面在去掉特定区块后的外观。
在隐藏模式下，点击元素使其不可见，同时保留其在布局中的空间。元素变为透明，但盒模型尺寸保持不变，页面其余部分的布局完全不受影响。适合在不引起布局偏移的情况下测试视觉权重。
点击之前，移动鼠标时会在将受影响的元素上显示红色半透明遮罩。此预览功能可防止误删错误元素——您始终能清楚看到即将移除的目标。
每次删除和隐藏操作都会记录到撤销历史中。点击撤销按钮可还原最后一次操作，将元素恢复原位。支持连续多步撤销，逐步回退您的更改。
实时计数器显示当前会话中已删除和已隐藏的元素数量。一眼即可了解已进行的更改数量，以及可用的撤销次数。
所有更改均为纯视觉效果，仅存在于浏览器内存中。页面的实际代码不会被修改。随时刷新页面，即可立即将所有已删除和已隐藏的元素还原到原始状态。
截图前移除 Cookie 同意横幅、聊天组件、促销弹窗、粘性顶部导航和订阅邮件遮罩。获取清晰、专业的页面内容截图，无任何视觉杂乱。
想知道去掉推荐语区块后页面如何排布？或者移除侧边栏会发生什么？删除该区块，立即查看布局重排效果——无需修改任何代码。
在广告密集的内容页面上，隐藏广告元素，以便在不受干扰的情况下阅读文章和文档。内容会重排填充可用空间。
正在准备引用某个复杂网页的演示文稿？移除与您要讲述的内容无关的元素，只保留您希望讨论的区块，然后对简化后的视图截图。
如果元素相互重叠或遮挡，删除上层元素以查看其下方的内容。当您只需快速查看下层元素时，这比在 DevTools 中调整 z-index 或 display 属性更快捷。
打开 DevSuite Pro 浮动 dock，点击删除/隐藏元素图标。在删除模式（移除元素并重排布局）和隐藏模式（不可见但保留空间）之间选择。
将鼠标移动到页面上。红色半透明遮罩会高亮显示光标下方的元素，精确显示点击后将受影响的目标。
点击高亮显示的元素。在删除模式下，元素被移除，周围内容重新排布。在隐藏模式下，元素变为不可见，但其空间得以保留。
继续点击移除更多元素，或点击撤销以恢复最后一个被移除/隐藏的元素。操作计数器显示当前的更改情况。
实验完成？刷新页面即可立即将所有元素还原到原始状态。
