精华内容
下载资源
问答
  • 突然发现浏览器广告拦截插件原理
    2021-06-30 16:47:13

    今天突然要解决一个bug,一个关于广告的小问题,页面元素不显示了,查了半天完全不知道为什么。然后发现是广告拦截插件引起的,知道广告插件原理,我一下子有点懵。

    先说明,今天主要是分享一下广告插件的原理,不是深究插件的写法,也不确定其他插件是否是这个原理,只是说一下Adblock plus这个广告拦截插件的原理。

    先说一下过程,有个广告创建的功能,里面有几个选项,拿其中一个选项来说,标题,我给这个输入框起的样式class名字是ad-title,结果页面这个输入框显示不了,看了一下样式的display,居然是none,再看一下设置none的,不知道是哪里来的样式:

    图片1.png

    图片2.png

    是注入的样式,其中就有ad-title:

    图片3.png

    看见这个,我一下子明白了广告拦截插件,原来是通过注入样式给隐藏了,而且是一堆认为是广告的单词样式,要是一些网站不是广告,但是有这些样式名称的都会被隐藏。

    广告插件还支持自己添加:

    图片4.png

    尝试了一下,生效了,这扩展性还真的是有点强大。

    没事做,就自己也弄了个简单的插件,新建一个文件夹,名字随便取,里面就三个文件:

    图片5.png
    manifest.json里面的代码:

    {
        "name": "coding个人笔记去广告插件",
        "manifest_version": 2,
        "version": "1.0",
        "description": "coding个人笔记去广告插件",
    
        "browser_action":
        {
            "default_icon": "icon.png",
            "default_title": "coding个人笔记去广告插件"
        },
        
        "icons":{
        "48": "icon.png"
        },
        
        "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["coding.js"]
        }]
    }
    

    coding.js里面的代码:

      var list = [
        "[class*=\"ad\"]",
        "[class*=\"advertising\"]",
        "[class*=\"adver\"]"
      ]
      for (let i = 0; i < list.length; i++) {
        let elList = document.querySelectorAll(list[i]);
        for (let j = 0; j < elList.length; j++) {
          elList[j].setAttribute('style', 'display:none !important');
        }
      }
    

    然后点击加载已解压的扩展程序选中这个文件夹就行了。

    效果就是会给匹配的class都注入隐藏样式:

    图片6.png

    图片7.png

    这样的插件太暴力了,应该是不建议的,然后下载了Adblock plus源码看了看,第一眼感觉有点复杂,于是就放弃了。

    欢迎关注个人公众号 coding个人笔记

    更多相关内容
  • 点击蓝字关注我们因为我个人很喜欢国产的浏览器,更喜欢能够手机电脑随时同步的收藏栏目前符合我要求的就是企鹅的QQ浏览器了目前QQ浏览器也支持扩展的使用,所以这更加的坚定了我使用...搜索极简插件的网站4.搜索新...

    点击蓝字

    关注我们

    因为我个人很喜欢国产的浏览器,更喜欢能够手机电脑随时同步的收藏栏

    目前符合我要求的就是企鹅的QQ浏览器了

    目前QQ浏览器也支持扩展的使用,所以这更加的坚定了我使用的决心,因为手机电脑端随时同步,这是最方便的了。

    其他的在账号上还得单独的申请注册,qq浏览器就方便的多

    给大家看一下的浏览器启动页面

    很简洁吧

    71effd432021ef2d14a8ea77864bd073.png

    直接开始教程

    1. 首先打开应用中心

    e8ec257d6bdef769338c28ca16b8fd9f.png

    2.找到开发者模式

    24cb31cfe3c28817fc5119285297d3dc.png

    3.搜索极简插件的网站

    33f5212185a208f24b7657cea22423fc.png

    4.搜索新标签页pro

    0de8e7e438bb7e8af16ca534a0117a05.png

    5.下载好了直接解压

    fabf41e5a3ccce2c255d9f4491e2f706.png

    6.点击右边解压好的文件夹,然后修改后缀名

    d5ee4849e5c41e7d7a4bdb8cf5f07ff3.png

    修改后

    6872ee88885895f4a2062851075c3bb2.png

    7.解压修改了后缀名的文件夹

    75903bc6b56021dc4d71e359885b9139.png

    8.改成开发者模式,然后点击加载已解压的扩展程序

    fea97972d9eab3b04ca34b2aedbc2d94.png

    9.选择你解压好的文件夹

    228edf183b24e3dc34bc7b283b98e0dd.png

    10.这样就安装完成了一个插件

    5c14d2fb7d485ab2467adc46932332ad.png

    11.效果就是这样的

    71effd432021ef2d14a8ea77864bd073.png

    你可以添加自己喜欢的网站,将他们分组,还可以用qq登录

    好了,其他的插件安装也是这样进行的,会了一个其他的没有问题了

    推荐几个好用的插件

    拦截广告神器

    我是最喜欢这个的,安装方法和上面一样

    4e4897048141adec14109bd9d5a4d63e.png

    qq浏览器带的插件

    有很多的好用的。大家自行选择,这里的直接点击安装就可以了。

    不需要上面的步骤,你可以通过上面的步骤安装一些qq浏览器没有的好用的插件

    一般我只用那个新标签页,非常的棒!

    69b1d902821803e8aa3b6d5b64c9cb78.png 8c8e9e42dbed40cea9f7c573538688d6.png

    大家需要哪个自己安装就可以了,qq浏览器真的还是很好用的!

    更多优质的内容,大家可以去公众号查看

    9024c4b55dcda3927955280194c8e197.gif

    你们点点“分享”,给我充点儿电吧~

    展开全文
  • 如何安装浏览器广告拦截屏蔽的插件? 一、拦截广告的背景 大家网上冲浪也很多年了,什么广告也都看到过了,见怪不怪了。 但是最近我发现个隐性的很恶心的点,网站热搜,如下图 显然,这个所谓的热搜,占了一半的...

    如何安装浏览器广告拦截屏蔽的插件?

    一、拦截广告的背景

    大家网上冲浪也很多年了,什么广告也都看到过了,见怪不怪了。

    但是最近我发现个隐性的很恶心的点,网站热搜,如下图

    image-20220425092627714

    显然,这个所谓的热搜,占了一半的屏幕,而且有时它比搜索结果更抓我眼球。

    时常我因为看到某个消息,顺手就点开看了看,然后被小编和评论区的妖魔鬼怪分了神,短则1分钟,长则十几、数十分钟,甚至能影响半天的心情。。。。

    这点是很恶心的,而且你一般也意识不到自己的时间就这么潜移默化的被浪费了。

    直到今天我才突然醒悟,所以各位能搜到这个文章,想必也是醒悟了的,不多BB,开始吧。

     

    二、广告的拦截插件

    拦截的插件我是选了个最流行的:adblock plus,它是谷歌的插件,虽然官网可以直接下载,但是由于网络条件限制,很难下载到。

    亲测找到的这个资源是可用的,找到这个网站搜索就是了,我不方便贴地址:

    image-20220425092822993

    防止资源挂了找不到,我也上传到了百度云(理解不了这点资源都要放CSDN积分下载的人是什么心态),有需要的可以评论我

    直接下载,下载完毕得到文件:cfhdojbkjhnklbpkdaibdccddilifddb_3.11.1_chrome.zzzmh.cn.crx

    可能有些人不会安装插件,很简单,打开浏览器的扩展程序

    image-20210823160959147

    然后将刚刚的文件直接拖进来

    image-20210823162449568

    点一下确定之类的,就安装好了

    顺带一提,只要是谷歌内核,其他浏览器如仨陆零浏览器也可以这样操作,使用同样的方式装这个插件:

    image-20210823161002315

     

    二、插件的使用

    可以看到浏览器右上角多了一个插件的图标,点击图标,再点击拦截元素

    image-20210823160809206

    现在可以用鼠标悬停页面上的元素,将其屏蔽,例如热搜,鼠标放到图片中的位置附近,选取到整个块都变红的时候点击

    弹出的窗口点追踪

    image-20210823160911691

    刷新即可,同理可以屏蔽任何地方的垃圾广告,还是很方便的。

    关于如何屏蔽网站的垃圾广告,这样就完毕了,如果还有不懂的,可以在评论区讨论一下。

    展开全文
  • 适用chrome等浏览器,有效拦截广告
  • Google Chrome浏览器拦截广告扩展程序(插件),无论是正常访问,还是隐身模式(需要到扩展成页面自行开启,默认关闭)都可以使用
  • 该资源是一款UltraBlock-网页广告拦截插件浏览器插件
  • 浏览器拦截广告的几种方法

    千次阅读 2021-06-03 02:33:47
    通过启用浏览器自带的广告拦截功能,或为浏览器安装广告拦截插件,能够还原网页原本的清爽真容。浏览器自带-安卓广告拦截操作说明口碑比较好的 Via、夸克和 X浏览器都带有广告拦截功能。夸克浏览器貌似是默认开启的...

    86a9fb7c036a3c5537153fa7e284042b.png

    悬浮闪动的弹窗广告和牛皮癣一样铺满全屏的低质广告,极大地破坏了浏览网页的体验。通过启用浏览器自带的广告拦截功能,或为浏览器安装广告拦截插件,能够还原网页原本的清爽真容。

    浏览器自带-安卓

    广告拦截操作说明

    77439e05826a1ae2eaa122b4ba989b8b.png

    口碑比较好的 Via、夸克和 X浏览器都带有广告拦截功能。夸克浏览器貌似是默认开启的,Via在设置——通用——广告拦截开启,X浏览器在菜单第二页开启(单击一次开启,点击第二次开启强力拦截)

    fb8ce94ea241acfe3bc0f3b2e10e8e8d.png

    使用广告标记功能可以针对性的屏蔽遗漏的广告。Via 和 夸克都是长按广告,呼出功能菜单来屏蔽,X 浏览器是要先点击菜单中的广告识别再点击广告。

    f046487a836784429120251ecef24b2e.png

    小说时常遇到的悬浮广告如果通过以上方式依然不能去除,可打开 Via 或者 X浏览器(夸克没这个选项或者是我没找到),在设置里找到一个关闭 JS 或者关闭 JavaScript 的选项。刷新,立马消失。

    cd363d869455864f5be531a06a5495ed.png

    以上浏览器下载

    浏览器插件-电脑/安卓

    电脑浏览器插件

    7c5b692576c215054e1a61eec76d7520.png

    无论是 Windows 还是 mac OX ,浏览器广告插件都有很多,我们任意选择一款即可。虫子的 PC 和 Mac 浏览器用的都是 Chrome,插件用的都是 uBlock Origin.

    6cf4eae785d520377e072b42ca14bfc9.png

    刚才看了一下 Mac 上的记录,到今天已经为我拦截了6万7千多次了。插件用法很简单,安装完毕点击启动,之后的日子他将默默为你守护电脑浏览器的一片净土。

    732061dc962ee464586215dcfb1b25e5.png

    如果有漏网之鱼,可以先点击铅笔形状的元素选择器,再点击需要屏蔽的广告,刷新页面,搞定。此外,uBlock Origin 也可以自定义屏蔽广告的规则。

    手机浏览器插件

    uBlock Origin 同样可以安装到安卓浏览器,俄罗斯著名搜索引擎出品的 Yandex 浏览器,可以安装电脑版Chrome的插件。

    展开全文
  • chrome浏览器屏蔽广告插件,chrome浏览器屏蔽广告插件
  • 阻止 YouTube™ 广告、弹出窗口并抵御恶意软件! 享受没有恼人广告的网络世界。 Adblock Plus for Google Chrome 会阻挡: · 横幅 · YouTube 视频广告 · Facebook 广告 · 弹出窗口 · 所有其他显眼的广告
  • chrome应用商店的官方广告拦截插件,可以用于拦截几乎所有的广告和部分钓鱼网站拦截;该应用也有客户端,但是本人测试后没有发现有什么用而且还要收费
  • via浏览器如何拦截广告

    千次阅读 2021-07-07 14:59:43
    2、而当大家进入设置页面后,就可以从中选择“通用”功能,找到其中的广告拦截功能进行开启。 via浏览器如何拦截广告 Via浏览器屏蔽广告方法介绍 3、在这之后,用户们要是发现了没有被拦截屏蔽的广告,还可以长按...
  • 我自己平时使用其他浏览器的时候都是使用广告屏蔽插件的,现在推荐给还没有使用过的小伙伴们,减少工作学习时无关信息的干扰。 目录ChromeFirefox Chrome Chrome中我一般使用的是Adblock Plus这个插件,这个插件不仅...
  • 广告充斥在我们的日常生活中,为了选择性屏蔽掉我们不喜欢的广告,节约我们宝贵的时间 ...Adblock Plus — 免费的广告拦截器 官网地址 https://adblockplus.org/ chrome 网上应用店 中的评分,与用户
  • chrome插件
  • 我们在浏览网页的过程中经常会有看到一些```丧心病狂```的广告,这些广告不仅影响正常浏览,甚至会遮挡主要内容,给用户造成极大困扰。今天分享一去除广告或者指定元素的优秀插件——```Adblock Plus```。
  • 屏蔽广告浏览器插件
  • 没有任何显示,也没有任何报错,f12中也已经加载了图片等内容,又把chrome换到firfox,但是还是没用,因为我都装了ad插件,我真想爆粗口,因为ad插件也显示没有拦截广告。经过查错一次又一次重新写代码,还是没...
  • 通过启用浏览器自带的广告拦截功能,或为浏览器安装广告拦截插件,能够还原网页原本的清爽真容。浏览器自带-安卓广告拦截操作说明口碑比较好的 Via、夸克和 X浏览器都带有广告拦截功能。夸克浏览器貌似是默认开启的...
  • 广告拦截插件(扩展程序)安装到浏览器上,可以屏蔽掉大量的广告,让你享受纯净网页。 安装成功后,可以自行打开/关闭,进行对比,很明显的,启用该扩展程序后,可以看到被拦截广告的数量,网站上的垃圾广告会...
  • 如今的网站上面广告层出不穷,很多时候会干扰我们正常网站的使用,今天就教教大家安装一款浏览器插件,避免广告烦恼,并且以最容易安装成功的方式来安装。这款插件叫Adblock。是一款谷歌浏览器插件。 1. 下载好...
  •  目前大部分浏览器广告拦截规则都是广告黑名单+一些广告字眼匹配,比如百度联盟、搜狗联盟、Google联盟这些就算在广告黑名单里的,一般广告过滤都会过滤掉这些广告联盟代码。剩下的就是广告字眼匹配,比如js地址...
  • 亲测,Chrome最好的广告拦截器之一,相比同类扩展,这款的速度更快,资源消耗更低。 【插件网站】 https://github.com/gorhill/uBlock 【插件更新】 2021-03-01 09:52:48 【插件版本】 1.33.2 【插件...
  • 打开自带的Microsoft Edge浏览器,你也可以在Win10自带的检索框里面输入Microsoft 就可以出来了 点击右上角三个点(展开功能区),点击拓展 向下滑动,找到了解更多的拓展 可以在这里搜索相关的拓展,我...
  • Chrome浏览器Adblock Plus 广告拦截插件三个版本crx程序,v1.8.12版本,v3.4.3版本,v3.5.2版本,详细了解请移步:http://blog.csdn.net/zxc514257857/article/details/95001365
  • 谷歌浏览器广告拦截插件--亲测简单、好用,下载解压,拖拉到--更多工具\扩展程序,即可。
  • 最有效的Safari的广告拦截插件

    千次阅读 2020-12-06 23:11:51
    “adguard for safari”是Safari最有效的广告拦截插件之一,可以在App Store中直接搜索免费安装使用。
  • 最近在写个页面,有关于广告部分,用了.adver,.advertisement类似的命名,然后页面就不显示这部分了。 类似这样, 希望能对遇到的朋友有所帮助。
  • Chrome广告拦截插件。如果直接无法加载,可以先解压。然后在Chrome的扩展管理打开开发中模式,“加载已解压的扩展程序”,选择刚才解压的文件就可以了
  • 【软件介绍】Adblock Plus想必大家肯定不是很陌生,此款软件原本是谷歌浏览器的插件,可以屏蔽任何网页浏览的广告,里诺下载站小编为大爱带来安卓版本,与电脑版本功能没有太大的差距 ,有非常多共同点,适用于每一...
  • 网民在浏览网页时,总会被大量广告弹窗、垃圾信息、流氓行为所干扰,降低我们的网络体验;有时不小心点击到垃圾弹窗,电脑会自动植入一些木马病毒,降低电脑使用寿命;这时浏览器预处理就会显得很重要; 这里展示一...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,809
精华内容 1,523
关键字:

浏览器广告拦截插件