告别广告与干扰：Bilibili-Cleaner打造纯净B站观影体验

为什么需要Bilibili-Cleaner？

你是否也曾被B站首页琳琅满目的推荐视频淹没？是否厌烦了视频播放前的广告和评论区的无关信息？Bilibili-Cleaner（哔哩哔哩页面净化大师）正是为解决这些问题而生。作为一款强大的用户脚本（User Script），它能够深度净化B站页面，过滤推荐内容，让你的观影体验回归纯粹。

读完本文，你将获得：

• 详细的安装配置指南，5分钟上手
• 核心功能全解析，掌握页面净化与内容过滤技巧
• 高级自定义方案，打造专属B站界面
• 数据备份与迁移方案，确保配置永不丢失

安装指南：5分钟快速部署

前置准备

使用Bilibili-Cleaner前需确保浏览器已安装脚本管理器，推荐使用Tampermonkey (篡改猴)或Violentmonkey (暴力猴)。不同浏览器的设置略有差异：

• Chrome/Edge：需启用"开发者模式"并允许运行用户脚本
• Firefox：无需额外配置
• 浏览器兼容性：详见浏览器适配章节

版本选择与安装

Bilibili-Cleaner提供多种更新源，可根据需求选择：

更新源	链接	介绍
Greasyfork	前往 Greasyfork 安装	稳定版
Github	点击安装	测试版
JSDelivr CDN	点击安装	测试版，解决连接性问题

提示：油猴插件会定期检查更新源，自动更新脚本。推荐使用Greasyfork源获取稳定版本。

核心功能解析

1. 页面净化优化

Bilibili-Cleaner能够深度净化B站各页面元素，去除冗余信息，优化视觉体验。主要净化区域包括：

• 顶栏优化：精简导航元素，去除推广入口
• 视频列表净化：隐藏无关推荐，突出优质内容
• 播放器优化：去除播放前广告，精简控制栏
• 评论区净化：过滤低质评论，优化显示布局

净化核心实现位于src/modules/rules/目录，通过模块化CSS和TypeScript实现对不同页面的精准控制。例如src/modules/rules/video/player.scss负责播放器样式优化，src/modules/rules/common/headerRight.ts控制顶部导航栏元素显示。

2. 智能内容过滤系统

Bilibili-Cleaner提供三级过滤机制，帮助你精准筛选内容：

视频过滤

可根据多维度筛选视频推荐，包括：

• UP主黑白名单（支持右键快速屏蔽/放行）
• 标题关键词（支持正则表达式）
• 视频时长（最小/最大值设置）
• BV号定向过滤

过滤核心逻辑位于src/modules/filters/core/，其中src/modules/filters/core/subFilters/keywordFilter.ts实现关键词过滤，src/modules/filters/core/subFilters/numberMinFilter.ts处理时长过滤。

最佳实践：时长过滤推荐设置60~90秒，关键词正则建议使用/abc|\d+/格式，更多关键词推荐可参考NOTE.md

评论过滤

评论区净化功能可：

• 根据用户名、关键词筛选评论
• 按用户等级过滤低质评论
• 支持正则表达式精准匹配

相关实现位于src/modules/filters/variety/comment/，其中src/modules/filters/variety/comment/subFilters/black.ts实现黑名单过滤逻辑。

动态过滤

针对B站动态页面，可按用户名、视频标题等维度过滤内容，实现位于src/modules/filters/variety/dynamic/目录。

3. 多页面适配

Bilibili-Cleaner支持B站全页面净化，各页面均有独立功能开关：

• 净化优化：首页、播放页、番剧页、直播间、搜索页、动态页、热门页、分区页
• 内容过滤：视频列表页、评论区、动态页
• 快捷控制：侧边栏快捷组件，一键切换净化模式

高级配置指南

自定义过滤规则

Bilibili-Cleaner支持高度自定义的过滤规则，通过正则表达式实现精准匹配。例如：

1. 标题关键词过滤：

   // 匹配包含"广告"或数字的标题
   /广告|\d+/
   

2. UP主屏蔽： 右键点击UP主名称，选择"屏蔽该UP主"即可添加到黑名单

3. 评论过滤设置： 在评论区设置面板中添加关键词，支持大小写不敏感匹配

过滤规则存储在本地浏览器中，核心配置逻辑位于src/stores/view.ts。

浏览器适配与兼容性

不同浏览器和脚本管理器对Bilibili-Cleaner的支持程度不同：

脚本管理器	是否支持	MV3 标准	备注
Tampermonkey (篡改猴)	✔️	✔️	完全测试，推荐
Violentmonkey (暴力猴)	✔️	❌️	完全测试，高版本Chrome可能有问题
ScriptCat (脚本猫)	✔️	✔️	部分测试
Greasemonkey	❌️	/	未测试

注意：Firefox 103~120版本需手动开启layout.css.has-selector.enabled配置，Chrome/Edge需启用开发者模式。

数据管理与备份

数据导入导出

更换设备或浏览器时，需备份Bilibili-Cleaner配置：

1. 导出数据： 在脚本管理器中找到Bilibili-Cleaner，选择"导出"功能

   

2. 导入数据： 在新设备上安装脚本后，使用"导入"功能恢复配置

   

云端备份方案

对于Tampermonkey用户，可使用云端备份功能：

1. 打开Tampermonkey设置
2. 进入"备份"标签页
3. 启用自动备份功能

注意：Violentmonkey仅支持本地备份，需手动导出JSON文件保存。

实际效果展示

首页净化对比

净化前的B站首页充斥着各类推荐和广告，净化后界面简洁有序，突出你真正关心的内容：

播放页优化

播放器区域优化后，去除了冗余控件和广告，观影体验大幅提升：

热门视频页过滤

热门视频页过滤效果展示，无关内容被精准屏蔽：

动态页净化

动态页净化后，只显示你关注的内容：

插件兼容性与开发指南

与其他插件兼容情况

Bilibili-Cleaner与多数B站增强插件兼容，但部分插件存在功能冲突：

• 兼容：Bilibili-Evolved（部分功能需调整）、Bilibili-Gate、Pakku.js
• 不兼容：Bilibili 旧播放页脚本、BewlyBewly新版首页

详细兼容配置可参考项目README.md的兼容性章节。

开发与贡献

Bilibili-Cleaner使用现代化前端技术栈开发：

• 框架：Vue.js
• 样式：Tailwind CSS
• 构建工具：Vite
• 包管理：pnpm

开发环境搭建步骤：

1. 克隆仓库：git clone https://gitcode.com/gh_mirrors/bi/bilibili-cleaner.git
2. 安装依赖：pnpm i
3. 开发模式：pnpm dev
4. 构建生产版本：pnpm build

项目结构采用模块化设计，核心代码位于src/modules/，欢迎开发者贡献代码或提出改进建议。

结语

Bilibili-Cleaner通过强大的页面净化和内容过滤功能，让B站回归纯粹的视频分享平台本质。无论是普通用户还是技术爱好者，都能从中找到提升B站体验的实用技巧。

随着B站不断更新，Bilibili-Cleaner也在持续进化。如果你有好的想法或发现问题，欢迎通过项目仓库提交反馈，让我们共同打造更优质的B站浏览体验。

项目地址：gh_mirrors/bi/bilibili-cleaner 许可证：LICENSE