可通过四种纯前端方法隐藏百度热搜:一、开发者工具临时注入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());
});
)();
4、保存脚本,刷新百度首页即可生效。










