首页 > 其他分享 >如何屏蔽网页广告(网页中的特定元素)

如何屏蔽网页广告(网页中的特定元素)

时间:2023-12-10 15:02:44浏览次数:32  
标签:网页 自定义 元素 屏蔽 广告 规则 过滤器 AdGuard

目录

1. 原因

非常讨厌百度页面的“百度热搜”栏目,影响了我的工作效率,因此想要找个方式屏蔽掉它
image

2. 选择一个合适的过滤器

首先需要选择一个浏览器插件,选择很多,甚至可能部分浏览器自带过滤器的功能。
对我而言,选择了电脑全局AdGuard,这款过滤器享誉世界,总之选它不会踩雷。
image

以AdGuard为例,它本身内置了许多广告拦截器,基本可以覆盖90%的使用场景
image

3. 自定义规则

3.1. 为什么要自定义

想要实现一些特殊的功能,例如我想拦截之前提到的“百度热搜”,就需要自定义拦截规则,如下图所示:
image

开启这条规则后,页面立刻就清爽了
image

3.2. 如何自定义规则

只需要审查页面元素,找到对应的模块名称即可,以Safari浏览器为例:

第一步:打开元素审查

image

第二步:确认要屏蔽的元素

找到元素的大概位置,然后确定要屏蔽的内容
image
例如上图中,找到了“百度热搜”的位置后,按照下图方式将整个模块确定
image
至此,我们已经知道要屏蔽的是id=con-ceiling-wrapper的元素了

第三步:编写规则

从AdGuard的官方文档 可以确定,想要屏蔽id=con-ceiling-wrapper的元素,需要编写的规则为:

baidu.com###con-ceiling-wrapper

image
image

至此,规则编写完成,开启后即可达到过滤的效果
image

参考

AdGuard官方文档
https://adguard.com/kb/zh-CN/general/ad-filtering/create-own-filters/

标签:网页,自定义,元素,屏蔽,广告,规则,过滤器,AdGuard
From: https://www.cnblogs.com/swgj/p/17892600.html

相关文章

  • 飞书网页端云文档组件
    开始使用文档地址:https://open.feishu.cn/document/common-capabilities/web-components/uYDO3YjL2gzN24iN3cjN/introduction特点云文档生成独立页面,支持将文档嵌入到任意Web页面中,实现零代码搭建内容页面。云文档组件支持飞书云文档的所有编辑和协同能力,可根据需求灵活调整......
  • 自用AI宝藏APP分享-非广告
    我发现了一款AI宝藏APP(豆包,抖音公司出品),我已经使用一周了,爱不释手,它是一个很好的顾问,可以免费咨询法律、医疗、养生、健身,规划等等方面的问题,回答的非常专业,而且有用。是很优秀的生活小助手,出谋划策。已经很多年没有被某一款APP震撼到了,豆包APP,挺让我惊喜的,需要的自取吧(非广告哈......
  • Flask实践--重保时期网页防篡改监测平台
    最近在尝试使用flask编写一个网站防篡改监测平台,目前已基本完成,前端使用光年模板修改,后端主要通过设置相关参数后轮询+正则匹配实现页面监控及篡改监测,简单介绍如下:登录因为是自己用,去掉了图形及花里胡哨的滑块验证码(主要是不会后端校验)而改用OTP码实现双因子,账号密码通过数......
  • 如何给网页和代码做HTML加密?
    ​如何给网页和代码做HTML加密?本篇文章给大家谈谈html混淆加密在线,以及HTML在线加密对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。   ​如何给代码加密?1、源代码加密软件推荐使用德人合科技的加密软件,是一套从源头上保障数据安全和使用安全的软件系统。采用的......
  • 用html+css+js做canvas烟花模拟网页动画代码
    圣诞节、元旦就要到了,本案例我们将用html+css+js做canvas烟花模拟网页动画代码,程序员的浪漫这不就来了嘛,与家人朋友一起看烟花吧!   附源码<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"/> <title>烟花模拟器</title> <metaname="viewport"......
  • 微信公众号网页中打开高德地图
    toDaohang(point){letthat=this//打开高德Dialog.confirm({title:'',message:'打开高德地图',}).then(()=>{letstr=[]if(point!=''){str=p......
  • CSS 网页适配 iPhone全面屏
    前言iPhoneX取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素)。 适配之前需要......
  • 使用js和定位排版创建内联广告
    HTML+JS<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><linkrel="stylesheet"href="../css/index.css"><title>使用js和定位排版创建内联广告</title></head&g......
  • Web网页端IM产品RainbowChat-Web的v6.0版已发布
    一、关于RainbowChat-WebRainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。► 详细介绍:http://www.52im.net/thread-2483-1-1.html► 版本记录:http://www.52im.net/th......
  • Python爬取网页速度为什么那么快
    Python作为一门高效、易用的编程语言,其在网络爬虫方面也有着突出的表现。Python爬取网页的速度之所以那么快,主要归功于以下几个方面:一、简洁的代码Python语言相对于其他语言而言,代码量相对较少,且语法简单易懂,这让Python编写网络爬虫变得十分容易。通过Python的Requests库和Beautifu......