贝利信息

Chrome浏览器怎么屏蔽网页上的某个元素_使用Chrome插件屏蔽网页元素教程

日期:2025-09-28 00:00 / 作者:穿越時空
1、使用uBlock Origin插件可精准屏蔽网页元素,通过元素选择器点击目标区域并保存规则即可隐藏;2、AdGuard提供直观的“阻止网页元素”功能,启用后点击要屏蔽的内容,预览效果并应用规则;3、Stylish支持自定义CSS样式,适合有前端基础用户,通过编写display: none规则永久隐藏指定区块。

如果您在浏览网页时遇到某些不想看到的元素,例如广告、弹窗或特定区块,可以通过Chrome插件轻松屏蔽这些内容。以下是具体操作方法:

本文运行环境:MacBook Pro,macOS Sonoma

一、使用uBlock Origin插件屏蔽指定元素

uBlock Origin是一款开源且高效的广告过滤工具,支持自定义元素屏蔽规则,能够精准隐藏网页中的任意DOM元素。

1、打开Chrome浏览器,在扩展程序商店搜索uBlock Origin并安装。

2、安装完成后,点击浏览器右上角的拼图图标,将uBlock Origin固定到工具栏。

3、访问目标网页,点击uBlock Origin图标,选择“元素选择器”(拾取器工具)。

4、鼠标悬停在想要屏蔽的网页元素上,该区域会高亮显示,点击即可生成屏蔽规则。

5、确认规则无误后,点击“保存”按钮,所选元素将立即从页面中移除。

二、通过AdGuard广告拦截器实现元素屏蔽

AdGuard同样支持可视化元素屏蔽功能,界面直观,适合不熟悉CSS语法的用户快速操作。

1、前往Chrome网上应用店,搜索并安装AdGuard 广告拦截器扩展。

2、刷新需要屏蔽元素的网页,点击AdGuard图标,切换至“阻止网页元素”模式。

3、启用元素选择工具,用鼠标点击页面中要隐藏的内容区域。

4、系统自动识别元素层级结构,可在预览中查看屏蔽效果,确认后点击“应用”。

5、规则会自动保存,下次访问同一网站时,该元素将不再显示。

三、利用Stylish自定义CSS样式隐藏特定区块

对于需要长期屏蔽某类元素的用户,可通过编写CSS代码实现永久性隐藏,适用于有基础前端知识的用户。

1、安装Chrome扩展Stylish - Custom themes for any website

2、进入目标网站,右键检查元素,复制其ID或class名称。

3、打开Stylish主界面,创建新样式,填写网站匹配地址。

4、在代码框中输入类似以下CSS语句:.ad-banner { display: none !important; }

5、保存样式后刷新网页,对应class为ad-banner的元素将被彻底隐藏。