uBlock Origin(uBlock₀)实现网页背景图片屏蔽

最新推荐文章于 2025-09-26 01:50:15 发布
原创 最新推荐文章于 2025-09-26 01:50:15 发布 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ubo #ublock #网页 #背景图片

本文介绍如何使用uBlock Origin插件屏蔽特定网站的背景图片，通过F12调试工具定位元素，并创建静态过滤规则实现目标。以lo.gamekee.com为例，详细步骤及代码分享。

uBlock Origin 是本人目前在用的广告屏蔽插件.

之前一直也没对它进行配置, 直接使用的默认的过滤规则.
最近在浏览网页过程中, 突然有了需要屏蔽背景图片的需求, 所以查阅资料实现了这一功能.


目标网站: http://lo.gamekee.com/

顺便吐槽一下
这个网站的优化真的肥肠布星
主页打开花了我分钟…

首先 F12 打开调试页面, 确认一下需要屏蔽的元素到底在哪里

<body style="background: url( //cdnimg.gamekee.com/images/www/1598872751256_47740741.png?x-image-process=image/imageslim) no-repeat fixed 50% 0;background-size:cover;">

然后参照网上搜到的屏蔽背景图片的示例

idnes.cz##html,body:style(background-image:none !important)

写出本例中我们需要的 静态 过滤规则

lo.gamekee.com##html,body:style(background:none !important)



应用更改后去目标页面刷新
可以看到背景图片已经实现了隐藏.

Edge浏览器安装uBlock Origin插件屏蔽广告完整指南
nntxthml的博客
05-18 1909
在设置界面选择我的过滤规则标签页输入自定义规则语法：||example.com/ads/^ # 屏蔽example.com域名下所有广告路径!允许特定内容：@@||example.com/content/$important保存后规则立即生效通过本文的系统指导，用户可完整掌握uBlock Origin在Edge浏览器的安装配置流程。从基础拦截到高级定制，这款插件展现了强大的可扩展性。实际使用中建议根据个人需求逐步探索高级功能，在广告屏蔽与网页兼容性之间找到最佳平衡点。
精选资源
uBlock chrome浏览器广告拦截插件
04-26
**uBlock Origin** 是一款非常受欢迎的开源广告拦截插件，专为包括Chrome在内的多种浏览器设计。这款插件的主要功能是帮助用户过滤掉网页上的广告、弹窗和其他不必要的内容，从而提升浏览体验，减少网络流量消耗，...
屏蔽图片的chrome插件
u013560932的博客
04-08 8546
有时候觉得优快云博客的广告好烦啊，还有有些看小说的网站，于是找了个屏蔽图片的插件。 效果如图： 之前博客的广告 之后： 优快云的广告有字，所以不会完全不显示，但是有很多小说网站都可以直接全部屏蔽掉，也不用担心点错。 这个插件长这样子。 一键点击开启text modeEOF
uBlock0_1.30.6.chromium.zip
10-26
Chrome最好的广告拦截器之一，相比同类扩展，这款的速度更快，资源消耗更低，需要EDGE版本的直接去Windows应用商店下载最新版，2020-10-20发布，
uBlock Origin版本迭代历史：重要功能更新与bug修复回顾
gitblog_00125的博客
09-26 458
uBlock Origin（uBO）作为一款高效、轻量级的宽频内容阻止程序，其版本迭代始终围绕着提升过滤效率、增强用户体验和修复安全漏洞展开。本文将回顾uBlock Origin近年来的重要版本更新，剖析关键功能演进与核心修复内容，帮助用户了解这款工具的发展脉络和技术亮点。 ## 2024年重要版本更新（1.56.0-1.66.4） ### 1.66.x系列：脚本let增强与过滤规则优化 1....
uBlock0.firefox-legacy(多个版本)
03-02
适用于老版本火狐浏览器和基于老版本火狐浏览器开发的浏览器.如 newmoon , mypal , palemoon 等浏览器 来源: https://github.com/gorhill/uBlock-for-firefox-legacy
css弹出层+屏蔽背景页面(兼容fiefox)
07-11 3754
07-7-24日发布了最新版本“css弹出层+屏蔽背景页面(兼容fiefox)----V2.01”希望大家继续支持，多提意见，让这个功能逐步完善起来。我想大家都遇到过类似的问题： 只想弹出一个能居中的层 能有屏蔽背景页面并且是半透明效果 能解决下拉框优先度太高的问题 今天用了一个下午的时间整理，把这3个问题都解决了，而且用的是最简洁的代码实现，
uBlock Origin：卓越的广告拦截与网页优化工具
gitblog_00054的博客
03-22 3087
uBlock Origin：卓越的广告拦截与网页优化工具 项目地址:https://gitcode.com/gh_mirrors/ua/uAssets 项目简介 是一款开源、跨平台的浏览器扩展，旨在提供高效的广告过滤和网页内容屏蔽功能。由开发者“Ghacks”创建并维护，uBlock Origin 被誉为是广告拦截领域中最轻量级且性能优异的选择之一。 技术分析 uBlock Origin 基于 J...
Ublock Origin插件，可离线安装
02-26
在当今互联网高速发展的时代，广告拦截已经成为了一种常见的需求，Ublock Origin作为一款广受欢迎的广告拦截插件，因其强大的功能和轻量级设计受到了广大用户的好评。今天，我们将要探讨的是一份可离线安装的Ublock ...
uBlock-ublock origin
05-09
uBlock Origin 是一款流行的、开源的浏览器扩展程序，它被设计用来提高网页加载速度，增强用户隐私，并屏蔽广告和跟踪器。该扩展主要针对网页内容进行过滤，利用自定义过滤规则，如广告拦截列表，来移除或更改页面上...
uBlock-Kiwi:uBlock Origin-适用于Android上的Kiwi Browser的高效阻止程序。 快速又瘦
05-02
新安装的uBlock Origin的默认行为是阻止广告，跟踪器和恶意软件站点-通过 ， ， ， 以及uBlock Origin。 如何安装 ： 要安装扩展，请下载crx文件。 在扩展页面中，将开发人员模式切换为。 单击加载按钮并浏览...
ublock0-updater：使用来自GitHub的最新XUL兼容版本，使uBlock Origin保持最新
02-05
ublock0-updater：使用来自GitHub的最新XUL兼容版本，使uBlock Origin保持最新
uBlock Origin 1.26.0
05-11
Google插件：一款高效的网络请求过滤工具，占用极低的内存和 CPU。版本 1.26.0 权限 读取您的浏览记录 更改您的隐私相关设置
uBlock起源「uBlock Origin」-crx插件
03-08
一款高效的网络请求过滤工具，占用极低的内存和 CPU。 一款高效的请求过滤工具：占用极低的内存和CPU，和其他常见的过滤工具相比，它能够加载并执行上千条过滤规则。 效率概述说明： https://github.com/gorhill/uBlock/wiki/uBlock-vs.-ABP:-efficiency-compared 用法：点击弹出窗口中的电源按钮，uBlock₀ 将对当前网页永久禁用/启用过滤功能 它只控制当前网页的请求过滤，而不是一个全局开关 它只控制当前网页的请求过滤，而不是一个全局开关。 *** 它不只是一个广告拦截工具，它还可以从 hosts 文件里读取和创建过滤规则。 初始默认加载和执行下列过滤规则列表： - EasyList - Peter Lowe’s Ad server list - EasyPrivacy - Malware domains 这里还有更多的规则列表供你选择： - Fanboy’s Enhanced Tracking List - Dan Pollock’s hosts file - hpHosts’s Ad and tracking servers - MVPS HOSTS - Spam404 - 等等 当然，启用越多的过滤规则就会产生越高的内存占用 然而，即使再添加 Fanboy 额外的两个规则列表，如 hpHosts’s Ad 和 tracking servers，uBlock₀ 的内存占用依然比其他常见的过滤工具要低的多。 另外请注意，选择一些额外的列表可能会导致网页破损可能性增高 —— 尤其是那些通常被用作 hosts 文件的列表。 *** 没有这些过滤规则列表，这个扩展就没有了意义 所以如果你真的想做点贡献，想想那些维护过滤规则的人们，是他们让所有人能够免费使用这一切变得可能。 *** 免费。 遵从 GPLv3 公共许可协议开源。 一切为了用户。 贡献者 @ Github: https://github.com/gorhill/uBlock/graphs/contributors 贡献者 @ Crowdin: https://crowdin.net/project/ublock *** 它还是一个相当早期的版本，在您评论的时候请记住这一点。 项目更新日志： https://github.com/gorhill/uBlock/releases 支持语言:Bahasa Indonesia,Bahasa Melayu,Deutsch,English,English (UK),Filipino,Français,Nederlands,Norsk,Tiếng Việt,Türkçe,català,dansk,eesti,español,hrvatski,italiano,latviešu,lietuvių,magyar,polski,português (Brasil),português (Portugal),română,slovenský,slovenščina,suomi,svenska,čeština,Ελληνικά,Српски,български,русский,українська,עברית,فارسی‎,मराठी,हिन्दी,বাংলা,தமிழ்,తెలుగు,ಕನ್ನಡ,മലയാളം,ไทย,‫العربية,中文 (简体),中文 (繁體),日本語,한국어
设置网页背景图片不显示
乔治大哥的博客
03-19 1972
login.jsp:1 GET http://localhost:8080/images/%E5%BD%AD%E7%AB%B9%E6%A5%A0bg1.jpg 404 首先确定了，路径不会有什么问题。 然后跟据网页的开发者工具，使用Google F12 发现照片背景名字中文乱码！所以将其改名。 然后再次启动tomcat，成功显示！ ...
uBlock0_1.57.3b8.firefox.signed.xpi
好记性不如烂笔头
05-08 447
uBlock0_1.57.3b8.firefox.signed.xpi
谷歌浏览器 广告屏蔽插件 ublock
whatday的专栏
10-24 2934
总结 1、兼容性很好，支持几乎所有主流浏览器内核平台（详见下面的“支持的平台”）。 2、广告过滤规则完美兼容 Adblock 规则，完全通用。 3、广告拦截效果很给力，国内视频插播广告、YouTube 视频广告都可以自动拦截。 4、除了广告还可以拦截屏蔽指定的网页元素。 5、内存占用明显下降。 扩展介绍 uBlock Origin（发音you-block，/ˈjuːˌblɒk/）...
Firefox安装广告屏蔽插件（uBlock Origin）
热门推荐
Xavie_的博客
09-24 1万+
由于国内用户IP被屏蔽的原因，安装广告屏蔽插件（uBlock Origin、AdGuard、AdBlocker、AdBlock For Firefox、AdBlock）访问受限，官方原因为“由于法律原因不可用（HTTP 451 Unavailable For Legal Reasons）”，需要另辟蹊径安装，以下是安装uBlock Origin的方法介绍。然后，在Firefox的扩展管理页面，打开【从文件安装附加组件】选项。选择刚才下载的.xpi文件，就可以成功安装了。
推荐开源项目：uBlock Origin - 您的全能内容拦截器
gitblog_00077的博客
05-10 1923
推荐开源项目：uBlock Origin - 您的全能内容拦截器 uBlockuBlock Origin - An efficient blocker for Chromium and Firefox. Fast and lean.项目地址:https://gitcode.com/gh_mirrors/ub/uBlock 在浏览网页时，我们经常会遭遇广告、追踪器和恶意软件的侵扰。幸运的是，有一个...
uBlock Origin如何实现redirect
最新发布
12-12
我们正在讨论uBlock Origin如何实现重定向功能。从引用[2]和引用[4]中，我们知道uBlock Origin使用了一种基于规则的重定向机制，类似于AdGuard的Redirect Resources功能，并且使用了特定的规则语法（如$redirect修饰...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值