Skip to content

DOM 查看器

fang5566 edited this page Apr 29, 2021 · 5 revisions

uBlock Origin 自带了一个定制的 DOM 查看器,可配合元素选择器记录台辅助创建修饰规则。在记录台点击 </> 图标即可使用:

DOM 查看器使用中

这个定制的 DOM 查看器并不 hook 到浏览器自带的 DOM 查看器,因此它具有以下优点:

  • 便携性好:不依赖特定的浏览器 API。
  • 特别优化:用户界面专门为处理修饰规则而优化。

元素选择器适合用鼠标一指一点交互式创建修饰规则,DOM 查看器则适用于通过浏览器内部文档结构创建修饰规则,例如:

  • 可直接在 DOM 层级中选择某个元素,创建精确的修饰规则。
  • 可创建例外的修饰规则。

创建例外修饰规则

  • 将鼠标移动到 DOM 查看器中节点树的周围(页面的元素会高亮显示,你会清楚看到原先隐藏的元素此时高亮显示为红色),定位到红色文本标记的过滤规则
  • 点击它(高亮后的隐藏元素会变成绿色)
  • 点击 DOM 查看器工具栏的保存图标(软盘样)
  • 重新载入页面
Clone this wiki locally