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

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)

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

uBlock Origin(uBlock₀)实现网页背景图片屏蔽相关推荐

html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
HTML如何变换背景图片,javascript如何更改网页背景图片？
JavaScript中更改网页背景图片可以通过style对象的backgroundImage属性来实现.语法为Object.style.backgroundImage=url(URL). JavaSc ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的.先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好. 前几天用CSS研究出相同效果的样式代码 ...
25套五彩缤纷的矢量网页背景图片素材【免费下载】
丰富多彩的矢量网页背景图片素材是设计师的宝贝,也是很好的装饰电脑桌面的壁纸.网页背景图片素材有同心圆,彩虹,闪烁的星星,圆点,箭头和云彩等各种形状,五彩缤纷.在网站设计中使用矢量背景和矢量元素是一个新 ...
html5图片平铺的代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
html网页背景图片平铺代码,jQuery图片平铺效果制作网页背景图片平铺代码
插件描述:jQuery图片平铺效果制作网页背景图片平铺代码调用JS文件调用插件方法 $(function(){ // 插件初始化 $('img').jqthumb({ classname : 'j ...
解决网页背景图片高度无法达到100%平铺界面问题
网页背景图片无法根据浏览器大小实现宽度100%的情况: 通过css属性来实现一种视觉错觉来实现高度100% body{background: #c0c0c0;background-image: url ...
html背景图固定,网页背景图片固定在一个位置不重复代码
css之background-repeat的几种属性 background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repea ...

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

uBlock Origin(uBlock₀)实现网页背景图片屏蔽相关推荐

最新文章

热门文章