Greasy Fork

来自缓存

Greasy Fork is available in English.

网页元素屏蔽器

集成原生CSS极速注入、Shadow DOM隔离、DOM结构拦截、广告域封杀与正则文本拦截。新增免代码的「积木组合模式」,支持复杂逻辑条件过滤。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
JerryBrain
日安装量
0
总安装量
78
评分
1 0 0
版本
0.6
创建于
2025-03-16
更新于
2026-04-02
大小
48.7 KB
许可证
MIT
适用于
所有网站

网页元素屏蔽器功能说明与使用指南

针对现代复杂网页中频繁出现的动态变异广告、反屏蔽(Anti-Adblock)脚本以及随机化 DOM 结构,本脚本提供了一套彻底、底层的网页元素屏蔽解决方案。

项目核心引擎基于原生 CSS 极速注入构建,将 JavaScript 运行时的性能损耗降至极低。配合内置的自适应防闪现(FOUC)机制与 Shadow DOM 隔离界面,实现从“精准拦截”到“规则管理”的全方位无感体验。

核心特性

  • 零性能损耗的底层拦截:将绝大多数拦截规则直接编译为原生 CSS 样式单,并前置注入到页面渲染流程中,交由浏览器内核处理,不占用主线程资源。

  • Shadow DOM UI 隔离:控制面板及交互界面全部封装于 Shadow DOM 中。无论宿主网站的样式表如何设定,都不会污染脚本的操作界面,脚本样式亦不会影响原网页排版。

  • 自适应防闪现系统 (FOUC Prevention):自动监控网页元素的渲染情况。若检测到某网站的元素在被隐藏前发生了“视觉闪现”,系统会将该域名自动上调至“极速预判模式”,在下一次访问的文档加载初始阶段提前执行样式注入,实现零毫秒物理拦截。

六大拦截策略

针对不同复杂度的元素与广告形式,脚本提供以下维度的精确打击手段:

  1. 静态路径拦截:自动生成最优的 CSS 选择器路径,过滤动态生成的随机无意义特征符(如前端框架自动生成的 Hash 类名),精确定位常规元素。

  2. 动态类名拦截:基于元素的核心类名进行屏蔽,适用于页面结构固定但 DOM 树嵌套复杂的普通区块。

  3. 按物理结构拦截(位置对抗):专治类名或 ID 随机化伪装的顽固元素。剥离所有易变的属性标记,直接锁定元素在 DOM 树中的绝对物理坐标(如“正文容器下的第三个子节点”)。只要物理坑位不变,无论代码如何变异均可精准拦截。

  4. 域名溯源封杀(源头拦截):自动提取被嵌套媒体(如 iframeimgvideo 等)的真实请求源域名。直接生成属性选择器进行全域拦截,彻底阻断第三方内容联盟的网络分发路径。

  5. 正则表达式与文本扫描:支持基于元素内部文本内容的精准匹配、模糊匹配或复杂正则运算。支持向上指定隐藏父级容器的层数(例如:发现特定敏感词后,将其向上的两层父级节点一并隐藏)。

  6. 积木组合模式(可视化逻辑引擎):专为无需编写代码的用户设计。提供直观的可视化面板,支持使用“且(AND)”或“或(OR)”的逻辑门,自由拼接“文本”、“类名”、“ID”等条件,实现极高精度的定制化复合屏蔽。

界面与交互操作

  • 全鼠标驱动:通过油猴扩展菜单启用“手动选择屏蔽元素”,鼠标悬停即可高亮目标区块,左键点击后自动弹出策略配置面板。

  • 实时效果预览:在正式保存任何规则前,提供无损的“预览效果”功能,避免误杀正常的网页主体内容。

  • 可拖拽浮动面板:所有控制面板和规则管理器均支持鼠标拖拽,方便在配置规则时查看被遮盖的网页底层信息。

  • 集中化规则管理:内置针对当前域名的独立管理模块,可直观查看每条规则的匹配类型及具体内容,支持单条规则移除、全域规则清理以及强制切换系统的防御策略。

常见场景使用教程

以下列举了五种常见的网页屏蔽场景及对应的最佳操作实践:

场景一:常规的固定横幅或浮窗

  • 特点: 元素具有明确的类名或固定的页面路径。

  • 操作步骤:

  1. 点击扩展菜单中的 🖱 手动选择屏蔽元素

  2. 鼠标悬停并点击目标横幅。

  3. 在弹出的面板中点击 静态路径拦截动态类名拦截 即可。

场景二:顽固的“动态再生”元素

  • 特点: 每次刷新页面,该元素的 classid 都会变成一串毫无规律的乱码,导致常规拦截失效。

  • 操作步骤:

  1. 点击 🖱 手动选择屏蔽元素,选中该目标。

  2. 在操作面板中,无视常规路径,直接点击深色按钮:🎯 按物理结构拦截 (无视ID/类名随机化)

  3. 系统将通过该元素在 DOM 树中的绝对相对位置进行持续屏蔽。

场景三:第三方嵌套的视频或弹窗

  • 特点: 网页内嵌了一个来自其他不受信任域名的框架(iframe)或图片。

  • 操作步骤:

  1. 点击 🖱 手动选择屏蔽元素,选中该内嵌框架。

  2. 若系统检测到第三方来源,面板中会显眼地提示“发现第三方资源域”。

  3. 点击红色按钮:🔥 彻底封杀该广告来源域名。此后该页面内所有调用此域名的资源均会被物理隔离。

场景四:包含特定关键词的文字链推广

  • 特点: 推广内容混杂在正常文本列表中,无法通过固定的类名或位置区分。

  • 操作步骤:

  1. 点击扩展菜单中的 📝 添加文本/正则/积木规则

  2. 匹配模式选择 基础文本模式正则表达式模式

  3. 输入需要屏蔽的核心关键词。

  4. 若该关键词位于一个较大的卡片内,您可以通过调整 向上隐藏层级(例如设置为 12)来隐藏包含该文本的整个卡片。点击保存并应用。

场景五:需要多条件判断的复杂结构

  • 特点: 仅凭单一文本或单一类名极易产生误杀,需要复合条件才能精确定位目标。

  • 操作步骤:

  1. 点击扩展菜单中的 📝 添加文本/正则/积木规则

  2. 匹配模式选择 积木组合模式

  3. 设定逻辑网关为 满足以下【全部】条件才拦截 (AND)

  4. 添加多条条件,例如:第一条设定为 [类名] [包含] "item-box";第二条设定为 [元素文本] [包含] "赞助商"

  5. 预览无误后点击保存,即可实现高精度的定制化打击。