ARTICLE DETAIL

资讯详情

深耕编程入门与网站建设的一线实战洞察。

Edge/Chrome去广告插件教程:uBlock Origin、AdGuard、Adblock Plus安装配置

Edge/Chrome去广告插件教程:uBlock Origin、AdGuard、Adblock Plus安装配置 每次打开视频网站先被 60 秒片头广告“问候”看到一半又弹出会员推广浮层关掉之后右下角还会再冒一个游戏贴片。这种情况不管是家里长辈刷剧还是自己在办公间隙查资料都容易让人瞬间失去耐心。更麻烦的是网上搜“去广告”经常搜到一堆绑定下载、植入脚本的第三方工具装了反而更不安全。所以这篇教程只讲正规、免费、开源的浏览器插件方案覆盖 Edge 和 Chrome 两种常用浏览器。文章会围绕三款插件展开uBlock Origin、AdGuard 浏览器扩展、Adblock Plus。你会看到完整的安装步骤、关键配置项、常见报错解决办法以及“装了插件之后页面变空白/按钮点不了”这类次生问题怎么处理。无论你是普通用户还是经常帮同事朋友修电脑的热心开发者都能按步骤直接操作。1. 为什么看视频越来越需要去广告插件1.1 广告形式不只是“片头 30 秒”很多人以为去广告插件只是为了跳过片头实际上现在的视频网站和资讯站点广告形态已经非常复杂片头贴片广告播放前强制播放最短 5 秒长则 60 秒以上。中插广告播放到一半突然插入破坏观看连续性。暂停浮层广告暂停画面时弹出推广图。页面上漂浮广告跟随页面滚动的弹窗、悬浮球、红包返利组件。视频内“口播/剧情植入”这类是创作者内容本身的一部分任何插件都无法处理也不需要处理。前五种都属于页面资源和脚本层面的广告理论上都可以通过浏览器插件拦截。这也是 uBlock Origin 这类插件能真正改善体验的原因。它不是单纯“挡掉一张图”而是从网络请求层面阻止广告资源加载广告代码根本没有机会在页面里执行。1.2 去广告插件的拦截原理这里需要分清楚“拦截广告”和“隐藏广告”的区别拦截Block在浏览器向广告服务器发起请求之前扩展程序直接取消请求。页面加载更快广告代码不会运行。隐藏Hide广告已经加载到页面里只是用 CSS 把对应元素设置为display: none。uBlock Origin 的默认工作方式接近第一种通过维护一批“过滤规则”filter lists把已知广告域名、广告脚本地址、广告位样式规则拦截在加载阶段。所以效果好的同时对页面性能的影响也相对小。AdGuard 和 Adblock Plus 底层思路类似但规则库侧重不同后面会做对比。1.3 为什么强调“且用且珍惜”浏览器扩展的运行机制并不是一直不变的。Chromium 内核的浏览器Chrome、Edge 都属于这类在逐步收紧扩展的权限模型新版本的扩展规范对网络请求的拦截方式有了更多限制。简单说老的拦截方式在部分场景下会失效开源项目维护者也需要持续适配新规范。这不是马上不能用而是提醒大家不要等到广告又出现再去折腾趁当前版本还能顺利安装、能完整发挥作用时先按本文装好、配好并了解后续如何维护。2. 环境准备Edge/Chrome 扩展安装基础2.1 浏览器版本与扩展安装入口本文以 Windows 系统为例Edge 和 Chrome 的扩展安装入口分别如下。Chrome 扩展管理页面chrome://extensions/Edge 扩展管理页面edge://extensions/打开方式有两种直接复制上面地址到地址栏回车或者点击浏览器右上角“三个点/三个横线”菜单进入“扩展”页面。需要说明的是不同版本浏览器界面文案可能略有差异但基本路径一致。如果你用的是 Mac 或 Linux 版 Chrome/Edge入口名称相同只是操作系统菜单样式不同。2.2 在线商店安装和手动加载的区别安装浏览器扩展主要有两种方式安装方式适用场景注意事项官方商店安装大多数普通用户从浏览器官方扩展商店搜索并安装来源可信手动加载已解压的扩展商店无法访问、需要测试特定版本需要先开启“开发者模式”同时必须确认来源安全本文推荐普通用户优先使用官方商店安装因为商店会对扩展进行审核和签名安装后一般可以直接更新。只有在商店搜索不到、或者下载 crx 插件包被浏览器拦截时才考虑手动加载方式。2.3 安装前的安全认知搜索广告拦截插件时经常会遇到以下高风险内容下载站提供“破解版”“永久会员版”浏览器插件通常捆绑修改过的安装包。某些第三方网站要求“先下载专用客户端再安装”。一些压缩包内包含可执行文件.exe那不是浏览器插件而是安装器。浏览器扩展本身应该是.crx文件或一个文件夹形式。如果下载到的是.exe请立即停止安装。本文中所有插件都建议从浏览器官方商店或开源项目官方渠道获取不要为了去广告而引入更大的安全风险。3. uBlock Origin 安装与配置主力推荐3.1 为什么首选 uBlock OriginuBlock Origin 是目前口碑较好的开源广告拦截器之一注意要认准全名中的 “Origin”因为市面上有一个同名但非官方的扩展功能和项目来源都不同。它适合大多数用户的原因免费开源代码公开不卖用户数据。默认过滤规则已经覆盖大多数视频网站、新闻门户、搜索引擎广告。内存占用相对低对普通配置的电脑比较友好。支持“元素拾取器”模式可以手动屏蔽页面上任何你想去掉的区块。3.2 在 Edge 中安装 uBlock OriginEdge 用户推荐从 Edge 加载项商店安装。操作步骤打开 Edge 扩展管理页面edge://extensions/在左侧菜单点击“获取 Microsoft Edge 扩展”。在扩展商店搜索框输入uBlock Origin。找到名称含 “Origin” 且发布者信息完整的扩展点击“获取”。弹窗确认后点击“添加扩展”。安装完成后浏览器右上角会出现 uBlock Origin 的图标。如果直接在扩展商店打不开可以换用下面的方式在浏览器地址栏访问 Chrome Web Store 搜索 uBlock Origin。Edge 基于 Chromium 内核可以直接安装 Chrome 扩展商店中的大部分扩展。点击“添加到 Chrome”Edge 会弹出兼容性确认点击“允许来自其他商店的扩展”。注意安装完成后需要确认浏览器右上角图标是否出现如果没有出现回到扩展管理页面找到 uBlock Origin 并点击“启用”。3.3 在 Chrome 中安装 uBlock OriginChrome 用户的安装路径更简单打开扩展管理页面chrome://extensions/点击左上角“打开 Chrome 网上应用店”或者直接访问 Chrome Web Store。搜索uBlock Origin。点击“添加到 Chrome”。在弹出的确认窗口中点击“添加扩展”。安装后建议固定图标Chrome 地址栏右侧的拼图图标里可以看到当前已安装的扩展点击 uBlock Origin 旁边的图钉图标就能让图标常驻显示。3.4 核心配置把 uBlock Origin 调到最优状态安装只是第一步。默认状态下 uBlock Origin 已经能拦截大部分广告但如果你想让它更精准建议做下面两个配置。3.4.1 开启更多过滤规则点击 uBlock Origin 图标进入设置面板齿轮图标切换到“过滤规则列表”标签页。在“内置”和“区域、语言”分组中勾选适合你使用场景的规则勾选建议 - uBlock filters – Annoyances针对网页悬浮窗、打扰性元素 - EasyList基础广告过滤规则 - EasyPrivacy防止跟踪 - 你所在国家/地区的语言过滤列表勾选后点击页面左上角的“更新”按钮让它下载最新规则。这一步不需要频繁操作uBlock Origin 本身会定期自动更新规则。3.4.2 使用拾取器手动屏蔽页面元素有些网站会通过自研广告位绕过已有规则这时可以使用 uBlock Origin 的“元素选择器模式”。步骤点击浏览器右上角的 uBlock Origin 图标。点击工具栏中类似“吸管”的图标进入元素拾取模式。鼠标移动到想要屏蔽的广告区域上它会高亮显示。点击之后在弹出的预览窗口确认范围是否准确。点击“创建”即可为该网站生成一条自定义过滤规则。这个功能非常适合视频网站里的“会员推广浮层”“游戏推荐栏”“侧边栏购物推荐”等区块。不过要注意选择范围尽量不要过大避免把正常内容一起屏蔽。3.4.3 针对视频网站开启“大媒体元素”过滤uBlock Origin 界面中“大媒体元素”相关的过滤选项在某些网页视频播放器被广告元素干扰时会有帮助但真实场景中不太需要手动干预。如果你遇到视频页面上有明显广告条优先使用 3.4.2 的拾取器手动屏蔽即可。3.5 验证效果安装并配置完成后刷新一次视频网站页面。正常情况下应该能看到片头广告明显减少或者直接消失。播放器周围的广告位被填成空白或不再显示。页面加载速度更快。如果刷新后广告还在先检查插件是否处于启用状态再看是否被浏览器自动暂停。部分浏览器为了性能会暂时停用长期不使用的扩展图标回到扩展管理页面确认状态即可。4. AdGuard 浏览器扩展安装多一层防护4.1 AdGuard 浏览器扩展与 AdGuard 桌面版的区别AdGuard 有三类产品AdGuard 桌面应用系统级拦截需要安装客户端。AdGuard 浏览器扩展只作用于单个浏览器无需安装客户端。AdGuard DNS在路由器或系统 DNS 层面过滤配置较复杂。本文推荐的是 AdGuard 浏览器扩展不需要安装桌面客户端。它的优势在于隐私防护规则比较丰富同时支持通过“隐身模式”阻止网站追踪。4.2 在 Edge 和 Chrome 中安装 AdGuard 扩展安装路径和 uBlock Origin 几乎一样。Edge 用户1. 打开 edge://extensions/ 2. 点击“获取 Microsoft Edge 扩展” 3. 搜索 “AdGuard 广告拦截器” 4. 点击“获取”并确认Chrome 用户1. 打开 chrome://extensions/ 2. 点击“打开 Chrome 网上应用店” 3. 搜索 “AdGuard 广告拦截器” 4. 点击“添加到 Chrome”AdGuard 浏览器扩展安装完成后默认状态就会开启“所有网站的广告拦截”。4.3 关键配置拦截社交媒体按钮和视频广告点击 AdGuard 图标进入“设置”建议做以下调整在“常规设置”中确认“广告拦截”开关开启。开启“隐私保护”可以拦截网站上的跟踪器。在“自定义规则”中导入你信任的第三方过滤规则。如果你主要用于视频网站可以在 AdGuard 的登录界面选择“加入广告拦截实验计划”它会更快适配新出现的视频广告形式。不过这类实验性选项可能影响部分网站正常加载遇到异常时先关闭它。4.4 和 uBlock Origin 同时使用会不会冲突可以同时安装但不建议所有场景都同时开启完整过滤规则。两个扩展同时处理同一个广告请求可能造成页面加载变慢极少数情况下会出现重复拦截的奇怪现象。推荐组合方式主力拦截使用 uBlock Origin并开启完整规则。AdGuard 只作为备用方案网站上遇到 uBlock Origin 拦截不了的特殊弹窗时手动在 AdGuard 中开启针对该网站的拦截或直接关闭 AdGuard 对日常网站的拦截避免性能浪费。如果不想调整 AdGuard 的站点开关也可以干脆只保留 uBlock Origin功能上完全够用。5. Adblock Plus 安装与“可接受广告”关闭5.1 Adblock Plus 与 uBlock Origin 的选择Adblock Plus 是最老牌的去广告扩展之一用户量大规则兼容性比较好。很多网站对它的兼容性测试也更充分默认情况下它不会误伤正常网页功能。但它有一个默认开关需要注意默认开启“允许可接受广告”意思是它会把一些“符合标准的广告”放行。如果你希望体验更干净需要手动关闭这个开关。5.2 在 Edge 和 Chrome 中安装 Adblock PlusEdge 加载项商店和 Chrome 网上应用店中都能直接搜索到 “Adblock Plus”。安装步骤与前文完全一致Edge打开 edge://extensions/ → 获取扩展 → 搜索 Adblock Plus → 添加 Chrome打开 chrome://extensions/ → Chrome 网上应用店 → 搜索 Adblock Plus → 添加5.3 关闭“允许可接受广告”安装完成后点击 Adblock Plus 图标进入“设置” → “高级”选项卡找到“允许可接受广告”相关选项将其关闭。为什么建议关闭 所谓“可接受广告”本质仍是广告资源虽然它们被要求内容安静、有标注但视觉效果上对普通用户依然是一种打扰。除非你希望支持内容创作者通过特定形式广告变现否则日常使用建议关闭。5.4 自定义过滤与白名单管理Adblock Plus 的交互界面更适合不太熟悉过滤规则的用户它有一个“在网页上屏蔽元素”功能点击 Adblock Plus 图标。点击“屏蔽元素”。按住鼠标左键框选要拦截的区域。松开鼠标后预览屏蔽效果点击“添加”。在“已允许的网站”一栏可以管理哪些网站不启用拦截。比如公司内部 OA 系统、银行页面、考试报名网站推荐加入白名单这些页面出现问题往往比广告更麻烦。6. 常见问题与排查思路6.1 Chrome 提示“由于网站未使用安全连接且文件可能已被篡改因此 Chrome 阻止了此次下载”很多人从第三方网站下载.crx插件包时会看到这条提示。它的含义是浏览器检测到目标下载地址不安全或文件签名与预期不匹配。处理方式分两种情况如果是视频网站上的普通教程网站提供的 crx不建议通过“保留”继续下载。因为这条提示本身就是在保护你。如果你确实需要离线安装某个可信开源插件请只从该项目的官方 GitHub 仓库或可信镜像站下载。下载完成后也不建议直接关闭浏览器的安全提示而是右键 crx 文件检查签名或先上传到 VirusTotal 这类在线扫描服务确认没有恶意代码。对于普通用户最安全的方法还是回到官方扩展商店安装一劳永逸。6.2 xpi 文件怎么转成 Edge 可用网上很多带“去广告”关键词的资源包是.xpi格式这是 Firefox 浏览器的扩展格式不能直接用于 Chrome 或 Edge。同样Chromium 内核浏览器使用的.crx也不能直接用于 Firefox。遇到这种情况不需要想办法转换格式正确的做法是去目标浏览器的官方扩展商店搜索同名扩展。比如你想在 Edge 中使用某个广告拦截器直接在 Edge 加载项商店搜索插件名找到 Chromium 版本安装即可。如果你搜索不到通常说明该插件没有发布针对 Chromium 内核浏览器的版本而不是格式转换能解决的问题。6.3 Edge 安装插件失败可能原因和对应方案如下问题现象常见原因解决思路点击“获取”后没有反应扩展商店页面加载异常刷新商店页面检查浏览器网络设置稍后重试安装按钮是灰色浏览器策略禁用了扩展安装进入 edge://policy 检查企业策略联系管理员确认安装后图标未显示扩展未启用或浏览器自动暂停到 edge://extensions/ 找到插件并打开开关安装完成后被自动移除杀毒软件或浏览器策略限制检查杀毒软件隔离记录确认插件来源为官方商店6.4 打开网页变成空白安装去广告插件后偶尔会遇到页面内容整体消失。这通常不是插件把网站拦截坏了而是过滤规则误伤了页面脚本文件。排查步骤先将该网站加入插件白名单刷新确认页面是否恢复。确认恢复后再在插件中逐条禁用可疑的过滤规则。如果你此前通过拾取器手动屏蔽过区块优先检查自定义规则删除对应规则再刷新。例如在 uBlock Origin 中点击图标进入仪表盘在“我的规则”中删除针对该域名的自定义规则即可。7. 安全、性能与日常维护建议7.1 只从官方渠道获取扩展本文介绍的三款插件在 Chrome Web Store 和 Edge 加载项商店都能找到。开源项目也有官方发布渠道。无论从哪个渠道获取安装前都留意一下发布者名称和历史版本信息。高仿扩展经常会伪装成原插件的界面但同时出现“限时免费”“会员功能”等字样明显不符合开源插件的特征。7.2 定期更新过滤规则去广告效果取决于规则库是否更新。uBlock Origin 默认会自动更新规则但如果你发现某些网站的广告重新出现优先手动触发一次规则更新再考虑新增“手动屏蔽”。AdGuard 和 Adblock Plus 同样在设置中提供“更新过滤规则”按钮。7.3 不要同时安装五六个去广告插件安装多个去广告插件并不会“叠加拦截效果更强”反而可能导致页面加载变慢。多个插件重复拦截同一资源产生样式错乱。排查问题时很难判断是哪个插件的问题。建议桌面浏览器只保留 1 到 2 款去广告插件移动端如果使用 Edge/Chrome 浏览器也应保持相同原则。7.4 针对企业系统和银行页面关闭拦截去广告插件虽然方便但并不适合所有网站。以下场景建议加入白名单公司内部 OA、ERP、考勤系统。银行网银、政务办理页面。在线考试系统、报名系统。医院预约挂号平台。这些系统往往依赖特定脚本和弹窗拦截规则可能误伤关键功能比如无法点击“下一步”、验证码不刷新、菜单不展开。7.5 维护开源项目的正确方式uBlock Origin 这类开源项目依靠社区捐赠和维护。作为普通用户能做的事很简单不要通过非官方下载站传播插件的“破解版”或“汉化版”。遇到误拦截时去项目官方仓库或用户论坛反馈而不是在浏览器端自行添加大量不稳定的自定义规则。有条件的情况下可以给开源项目小额捐赠或参与规则库翻译。这既是对创作者的尊重也能保证项目长久运行。8. 最后的建议本文介绍了 uBlock Origin、AdGuard 浏览器扩展、Adblock Plus 三款免费去广告插件。主力推荐 uBlock Origin安装后记得开启合适的过滤规则、学会使用元素拾取器AdGuard 可以作为补充备用。Adblock Plus 适合更在意兼容性的用户但要手动关闭“允许可接受广告”。如果你只记住一件事那就是去广告插件应该来自官方商店不要下载来历不明的“去广告工具”。浏览器扩展本身不复杂大部分使用过程中遇到的问题都可以通过“更新过滤规则、加入白名单、删除自定义规则”这三个步骤解决。希望这篇教程能帮你在 Edge 和 Chrome 里获得更清爽的视频观看体验。装完之后建议实际刷新几个常用网站测试效果如果遇到某个特定网站显示异常先不要急着卸载插件按第 6 节的排查思路处理一般最后都能找到原因。
返回列表