Bilibili-Evolved 实战进阶指南技术型用户的 B 站体验终极增强方案【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved如果你每天要在哔哩哔哩上花掉两三个小时那么你大概率抱怨过首页塞满了不感兴趣的内容、评论区永远有人刷屏、想下载一个视频却找不到靠谱工具、夜间模式下页面刺眼得让人崩溃。Bilibili-Evolved 正是为解决这些痛点而生的浏览器增强脚本它面向的是愿意折腾、希望把 B 站调教成自己专属形态的技术型用户。本文将以从安装到二次开发的完整路线带你系统掌握这个开源项目的能力边界。一、先搞清楚一件事增强脚本到底是什么浏览器脚本UserScript是一段运行在网页上下文中的 JavaScript 程序由 Tampermonkey、Violentmonkey 这类脚本管理器负责加载和执行。它最大的价值在于无需修改 B 站任何服务器端代码就能在本地改写页面的样式、逻辑与交互。Bilibili-Evolved 正是建立在这一机制之上将大量增强能力打包成一个可独立安装的脚本分发。不过与普通脚本不同Bilibili-Evolved 的内部并非铁板一块而是按内核-功能-扩展三层进行职责划分src/core/承载生命周期、缓存、网络请求等公共底座registry/lib/components/存放一个个可独立启停的功能组件src/plugins/则提供插件化的扩展钩子。这种分层让功能之间互不干扰也为你后续按需裁剪或自行扩展留足了空间。二、十分钟装好并跑起来安装路径非常直接先在你的浏览器里装好 Tampermonkey然后获取 Bilibili-Evolved 的脚本本体让管理器识别并启用即可。脚本在页面加载时会自动初始化你不需要手动触发任何东西。首次使用建议先做一次存活检查打开浏览器开发者工具的控制台输入window.BilibiliEvolved如果能看到对象而非undefined说明脚本已经正常挂载。这一步虽然简单却是后续排查一切问题的基础。三、认识四个常驻入口避免在菜单里迷路脚本启用后B 站页面右侧会出现一个可收起的悬浮侧边栏它是你进入所有功能的总闸门。侧边栏上聚合了设置、功能管理等快捷入口日常高频操作几乎都可以从这里一步直达。与之配套的是三个核心面板分工明确设置面板所有功能的开关与参数都集中在这里支持按组件搜索、快速启停改动即时生效无需刷新页面。组件管理面板负责组件的安装、卸载与升级是功能仓库的管理中心。关于面板展示脚本版本号、更新日志并提供设置导出/导入入口是备份与迁移配置的必经之地。建议初次使用的人先花五分钟把三个面板各点一遍形成侧边栏进入、设置面板调参、管理面板增删、关于面板备份的心智模型后面所有操作都会顺畅很多。四、核心能力巡览从顶栏到弹幕的一站式改造顶栏重构把导航改造成自己的形状原版 B 站顶栏在部分用户看来信息密度过高、层级混乱。Bilibili-Evolved 的自定义顶栏组件可以直接替换原版导航支持调整布局、固定位置、背景模糊与投影等视觉参数。它内部由custom-navbar/模块驱动按钮的排列、显隐都可以自由编排是界面定制这一需求里最常被提及的能力。视频下载与弹幕处理把内容主动权拿回手里视频下载组件位于registry/lib/components/video/download/支持多线程拉取、断点续传与格式转换清晰度选择和批量任务管理也是标配。与之相邻的弹幕组件video/danmaku/则提供弹幕过滤、样式定制与导出能力——对于想把精彩弹幕留档或彻底屏蔽剧透的用户来说这两者几乎是刚需组合。评论区的净化与结构化评论增强模块的思路是让讨论回归讨论通过src/components/utils/comment/下的区域管理与 VNode 渲染机制实现关键词过滤、内容高亮和楼层折叠刷屏、广告与引战内容可以被自动压制。直播侧还有隐藏礼物特效、弹幕栏尺寸自适应等组件覆盖了从点播到直播的全场景。五、组件管理按需增删拒绝功能臃肿脚本默认只启用少量基础组件其余能力都放在功能仓库里等你按需领取。进入组件管理面板你可以看到已安装组件的完整列表与状态用不到的功能可以随时卸载避免不必要的资源占用。组件的获取方式有三种从在线功能库直接安装、从本地文件安装、或批量粘贴组件直链。这意味着你既能享受官方维护的组件也能加载社区或自己构建的版本扩展路径非常灵活。六、性能与架构它在后台替你做了哪些事理解性能表现需要先了解几项底层设计分层缓存src/core/local-storage.ts实现了一套多层缓存体系内存、LocalStorage 与 IndexedDB 三级配合让高频数据读取尽量不走网络这是离线可用体验的地基。按需加载src/core/lazy-panel.ts负责面板与组件的懒加载只有真正打开某个功能时才会拉取其代码显著降低首屏开销life-cycle.ts则管理组件销毁及时释放不再需要的资源。请求与观察的节流src/core/ajax.ts提供超时与重试策略observer.ts控制 DOM 监听频率两者共同避免脚本成为页面卡顿的来源。CDN 可配置webpack/cdn/下内置了多种资源分发源网络环境不佳时可以切换 CDN 改善脚本自身的加载稳定性。对普通用户而言这些机制意味着功能丰富与体感流畅可以兼得对开发者而言它们则构成了一个可直接复用的基础设施层。七、进阶玩法把想法变成自己的组件如果你不满足于使用现成功能Bilibili-Evolved 的插件体系提供了相对低门槛的创作入口。src/plugins/下的api.ts、hook.ts、plugin.ts分别定义了对外接口、事件钩子与插件基类你可以据此挂载自定义逻辑。开发一个功能组件的常规流程是在registry/lib/components/对应分类下新建目录用 TypeScript 编写核心业务逻辑用 SCSS 定义样式补充 Markdown 格式的使用文档通过组件管理面板的安装本地文件功能加载调试。项目还自带了开发工具链dev-tools/dev-server/提供本地开发服务器与热更新dev-tools/pr-check/负责提交前的质量检查dev-tools/feature-docs/可自动生成功能文档。整套流程跑通后你的自定义组件既能本地自用也能以直链形式分享给他人。八、避坑指南三类高频问题的排查思路脚本没有生效先确认脚本管理器已启用且匹配的站点规则正确再到控制台执行window.BilibiliEvolved判断脚本是否挂载。若返回undefined多半是安装源或匹配规则出了问题重新安装通常即可解决。某个组件行为异常优先检查该组件的依赖是否齐全、是否与另一组件冲突。src/core/log.ts提供了分级日志系统在设置面板开启详细日志后复现问题往往能在日志里直接定位到出错的模块。页面明显变卡打开src/core/performance/提供的组件追踪与性能统计观察是哪个组件占用了过多时间再决定是卸载、关闭还是调整其运行频率。此外强烈建议定期通过关于面板导出设置存档。B 站页面结构经常变动脚本更新也频繁一份可随时回滚的配置备份能让你在升级后快速恢复熟悉的形态。九、一起共建从使用者到贡献者参与项目的方式不止写代码一种。你可以通过提交 Issue 反馈 bug 或提出功能建议也可以帮助完善docs/目录下的文档或者参与多语言翻译。想深入代码的话流程也很标准克隆仓库、创建功能分支、实现并自测、提交 Pull Request 等待 review。克隆地址为https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved。从技术路线看这个项目未来的想象空间集中在几个方向利用机器学习优化内容筛选、基于云存储实现配置跨设备同步、通过更细粒度的模块化降低加载体积以及在现有基础上继续深化 TypeScript 的类型覆盖。收尾给你的三步行动清单第一周安装脚本点亮自定义顶栏与弹幕过滤把界面调成顺手的形态第二周研究组件管理面板逐步添加视频下载、评论区净化等组件并完成一次设置导出备份一个月内浏览src/plugins/与registry/lib/components/的源码试着写一个十几行的自定义小插件迈出二次开发的第一步。工具的价值不在于功能列表有多长而在于它是否真的贴合你的使用习惯。Bilibili-Evolved 给了你完整的改造权限剩下的就看你想把 B 站变成什么样子了。【免费下载链接】Bilibili-Evolved强大的哔哩哔哩增强脚本项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考