Skip to content

元素选择器

fang5566 edited this page Dec 5, 2023 · 29 revisions

元素选择器可永久移除网页上的元素,以此创建网络规则或修饰规则。而元素去除器是临时移除网页上的元素,但不会创建新的规则。

先打开扩展的弹出界面,然后点击那个小小的“滴管”图标,进入可交互式操作的元素选择模式。

一整行工具按钮高亮显示的吸管图标

元素选择器

一旦进入元素选择模式:

用鼠标指向并点击要移除的元素。

点击后会显示一个模态窗口让你选择、编辑并创建相应的过滤规则来移除页面上的元素。

提示: 你可以方便地使用鼠标点击并拖动 预览创建 按钮之间的空白部分来调整元素选择器窗口的位置。

可移动对话框的空白位置

如果合适的话,它会给出一条或多条网络规则以及一系列修饰规则建议。点击其中一条建议规则会在网页里显示其效果,以便你确保该规则不会移除网页里有用的内容。

当你选中一条建议的修饰规则,此时会出现两个滑动条,你可以进一步对规则进行调整。

左边的滑动条可调整元素的深度,通常深度更低的规则移除的区域更大。

右边的滑动条可调整要创建规则的具体程度,具体程度更高往往导致更少的元素被过滤(少到只有一个元素),而具体程度更低则导致更多元素被过滤。

你可以根据需求对其进行调整以便挑选出最符合的规则(参见这个示例视频)。

你可以手动编辑规则,但必须保证是有效的规则,否则无法成功创建。一条元素选择器里创建的有效过滤规则必须至少匹配网页里的一个元素。

点击 放弃 按钮或按 Esc 键可以退出元素选择器模式,点击 选择 按钮可以关闭窗口重新选择元素。

只有在文本框中有适合创建的规则时 创建 按钮才可点击。点击 创建 按钮之后,元素选择器会添加必要的令牌参数将过滤规则限定在当前站点,并保存到你的自定义过滤规则列表。

对于触摸屏设备:

  • 向右滑动可退出元素选择模式
  • 对话框可见时,向右滑动可隐藏元素选择对话框(变得暗淡及透明)
  • 对话框隐藏时,再次向右滑动可退出元素选择模式
  • 向左滑动可再次显示对话框

元素选择器不工作,重新载入页面时移除了的元素怎么又出现了?

有很多不同的原因会引起这个问题。

  • 如果是一条网络规则,重新载入页面时你得跳过浏览器缓存,方法是点击重新载入按钮时按住 Shift 键。
  • 所屏蔽元素的 URL 或选择符里包含变量,在每次页面加载时都会变化。
    • 如果是一条网络规则,你得手动编辑这条规则并使用通配符替换 URL 里的变量部分。
    • 如果是一条修饰规则,你得手动更换一个更好的 CSS 选择符,有时还得观察周围的 DOM 数据。
  • 修饰规则针对当前站点被禁用或全局禁用。禁用修饰规则的方法包括:
  • 你在控制面板的 第三方规则列表 面板里取消勾选了 自定义规则列表
  • 在某个第三方规则列表里面有一条与现有规则冲突的静态规则。
    • 例外修饰规则(#@#)取消了普通修饰规则(##)。
    • 带有 elemhidespecifichide 规则选项的例外规则。
  • 元素选择器或去除器不支持在下列站点生效:
    • 不支持的网页:特权页面,也可参见相关的 issue
    • 不支持的协议:元素选择器和去除器被限制仅在http(s):// 协议的页面生效,这表示它无法在诸如 file:/// 协议这样的页面生效。但修饰规则还是可以手动添加到自定义静态规则版块。相关的 issue:issue 1issue 2,相关的评论:comment 1comment 2comment 3
Clone this wiki locally