电脑浏览器怎么屏蔽百度热搜浏览器自定义样式屏蔽广告【代码】_技术教程

可通过四种纯前端方法隐藏百度热搜：一、开发者工具临时注入CSS；二、Stylus扩展持久化屏蔽；三、修改hosts文件阻断API；四、Tampermonkey脚本动态移除DOM节点。

如果您在使用电脑浏览器访问百度首页时，希望直接隐藏百度热搜区域，可以通过自定义CSS样式实现局部屏蔽。以下是几种无需安装插件、纯前端生效的代码方案：

一、使用浏览器开发者工具临时注入CSS

该方法适用于快速验证效果，刷新页面后失效，不保存修改。原理是通过控制台直接向页面DOM注入样式规则，匹配并隐藏热搜模块对应的HTML结构。

1、打开百度首页（https://www.baidu.com）。

2、按 F12 或右键选择“检查”，切换到“Console”（控制台）标签页。

3、粘贴以下代码并回车执行：
document.head.innerHTML += '';

4、观察页面顶部热搜栏是否消失。

二、通过浏览器扩展用户样式管理器持久化屏蔽

该方法需配合支持用户CSS的扩展（如Stylus），可长期生效且自动加载。原理是将自定义样式绑定至百度域名，在每次访问时由扩展主动注入。

1、

在Chrome或Edge浏览器中安装 Stylus 扩展（Firefox用户可安装同样功能的Stylus官方版本）。

2、点击扩展图标，选择“管理样式” → “写新样式”。

3、在“适用网址”栏填写：
https://www.baidu.com/*

4、在样式编辑区粘贴以下完整CSS代码：
.hotsearch-box, .s-hotsearch-content, .toplist-wrapper, .c-span12 .hotsearch, #hotsearch-list, .hotsearch-item, .hotsearch-bd, .s-hotsearch-top { display: none !important; }
.hotsearch-title { display: none !important; }

5、点击“保存”按钮，刷新百度首页即可生效。

三、修改本地hosts文件屏蔽热搜资源请求

该方法通过阻断百度热搜数据接口的域名解析，使前端无法拉取热搜内容。原理是利用系统级域名映射，将相关API地址指向本地空地址，从而切断数据源。

1、以管理员身份运行记事本，打开路径：
C:\Windows\System32\drivers\etc\hosts

2、在文件末尾新增以下两行：
127.0.0.1 www.baidu.com/api/hotsearch
127.0.0.1 api.baidu.com/hotsearch

3、保存文件（若提示权限不足，请确认已用管理员身份运行记事本，并选择“所有文件”类型保存）。

4、以管理员身份打开命令提示符，输入：
ipconfig /flushdns

5、重启浏览器，访问百度首页查看热搜区域是否为空白或未加载。

四、使用Tampermonkey脚本动态移除热搜节点

该方法通过JavaScript在页面加载完成后主动查找并删除热搜相关DOM节点，兼容性强，可应对百度前端结构微调。

1、安装 Tampermonkey 浏览器扩展（Chrome、Edge、Firefox均支持）。

2、点击扩展图标 → “创建新脚本”。

3、替换默认内容为以下完整脚本：
// ==UserScript==
// @name 屏蔽百度热搜
// @namespace baidu-hotsearch-hide
// @version 1.0
// @description 隐藏百度首页热搜模块
// @author User
// @match https://www.baidu.com/
// @grant none
// ==/UserScript==

(function() {
'use strict';
const removeSelectors = [
'.hotsearch-box',
'.s-hotsearch-content',
'.toplist-wrapper',
'#hotsearch-list',
'.hotsearch-item',
'.hotsearch-bd'
];
removeSelectors.forEach(sel => {
document.querySelectorAll(sel).forEach(el => el.remove());
});
)();