可通过四种方法手动隐藏网页DOM元素：一、用Edge开发者工具临时隐藏；二、通过控制台执行JavaScript批量隐藏；三、用uBlock Origin自定义过滤规则持久屏蔽；四、借助Stylus扩展注入CSS样式表长期生效。
如果您在浏览网页时发现某些广告或无关元素持续干扰阅读体验，而内置拦截功能或扩展无法精准识别，可采用手动方式隐藏网页中指定的DOM元素。以下是实现该目标的具体操作步骤：
一、使用Edge开发者工具临时隐藏元素
通过浏览器内置的开发者工具，可实时定位并隐藏页面中任意可见元素，适用于快速测试或单次浏览场景，无需安装额外组件。
1、在目标网页按 F12 键，或右键页面空白处选择“检查”，打开开发者工具面板。
2、点击左上角的“选择元素”图标（箭头形状），或按 Ctrl+Shift+C 快捷键。
3、将鼠标移至页面上需隐藏的广告区域，悬停时对应HTML节点将被高亮显示，单击确认选中。
4、在右侧“Styles”标签页中，找到当前选中元素的样式规则，双击空白行新增一条样式。
5、输入 display: none !important; 并回车，该元素立即从页面消失。
二、通过控制台执行JavaScript代码永久隐藏
利用控制台运行脚本，可对当前页面所有匹配选择器的元素批量应用隐藏样式，支持CSS类名、ID、属性等多维度定位，适合重复访问同一网站时快速复用。
1、按 F12 打开开发者工具，切换到“Console”（控制台）标签页。
2、输入以下基础命令并回车：document.querySelector("div[id='ad-banner']").style.display = "none";
3、如需隐藏多个同类元素，改用 document.querySelectorAll 方法，例如：document.querySelectorAll(".ad-slot, .popup-ads").forEach(el => el.style.display = "none");
4、若元素动态加载，可在命令前添加定时检测逻辑，例如：setTimeout(() => { /* 上述隐藏代码 */ }, 2000);
三、安装uBlock Origin并自定义过滤规则
uBlock Origin支持用户编写静态过滤语法，直接在扩展层面屏蔽特定选择器对应的HTML结构，规则生效后自动应用于所有匹配页面，具备持久性与跨会话一致性。
1、确保已安装uBlock Origin扩展，点击其工具栏图标，选择“仪表板”。
2、在仪表板中切换至“我的过滤器”选项卡，进入自定义规则编辑区。
3、在文本框内输入过滤规则，格式为：example.com##.ad-container（表示仅在example.com域名下隐藏class为ad-container的元素）。
4、支持更精确匹配，例如：||cdn-adserver.com^$domain=example.com（屏蔽来自cdn-adserver.com且仅限example.com页面加载的资源）。
5、点击“应用更改”按钮，规则即时生效，刷新页面验证隐藏效果。
四、使用Stylus扩展注入CSS样式表
Stylus允许用户为指定网站创建并启用自定义CSS样式表，可长期隐藏固定位置或结构稳定的广告模块，尤其适用于模板化程度高的新闻、论坛类站点。
1、访问 edge://extensions/，安装Stylus扩展（发布者为StylishThemes）。
2、安装完成后，点击工具栏Stylus图标，选择“管理样式” > “写新样式”。
3、在“适用网址”栏填写目标网站URL，支持通配符，例如：https://news.*/*。
4、在CSS编辑区输入隐藏规则，如：.sidebar-ad, #floating-promo { display: none !important; }
5、点击“保存”，该样式将在下次访问匹配网址时自动注入并生效。
