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 广告拦截器扩展。
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
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的元素将被彻底隐藏。
