如何3分钟找回经典B站体验：终极Bilibili-Old恢复指南

如何3分钟找回经典B站体验：终极Bilibili-Old恢复指南

【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old

还在为B站新版界面感到不适吗？每次打开Bilibili都要面对复杂的操作界面、缓慢的加载速度，还有那些让你眼花缭乱的推荐算法？如果你怀念那个简洁、高效、纯粹的B站旧版界面，那么Bilibili-Old正是你需要的解决方案。这款开源工具能在短短3分钟内，帮你找回那个熟悉的经典B站体验。

Bilibili-Old是一个专为怀念旧版B站界面的用户设计的恢复工具，它通过智能的页面重构技术，将新版B站界面无缝转换为用户熟悉的经典样式。无论你是B站的老用户，还是希望获得更简洁浏览体验的新用户，这个工具都能让你重新享受纯粹的观看乐趣。

为什么选择Bilibili-Old？

新旧对比：你失去的不仅仅是界面

B站从2019年开始逐步弃用旧版界面，这个过程中我们失去了什么？

新版B站的问题：

• 页面加载缓慢，资源占用过多
• 操作层级过深，找个功能像走迷宫
• 视觉元素繁杂，干扰观看体验
• 弹幕系统改变，经典弹幕效果消失
• 播放器布局复杂，学习成本高

Bilibili-Old带来的改变：

• 恢复经典页面布局，操作一步到位
• 优化资源加载，提升页面响应速度
• 保留传统弹幕样式和功能
• 简化播放器控制，零学习成本
• 去除不必要的广告和推荐位

核心功能亮点

Bilibili-Old不仅仅是一个简单的样式覆盖工具，它实现了深度的页面重构：

经典小电视加载动画 - 看到这个动画，瞬间回到熟悉的B站时光

1. 全面页面恢复

• 旧版主页布局：简洁的导航和内容展示
• 经典视频页面：熟悉的av/BV号页面结构
• 传统排行榜：按热度排序的全站视频榜单
• 稍后再看列表：简洁的任务管理界面

2. 播放器全面升级

• 经典控制栏布局：熟悉的按钮位置和进度条样式
• 流畅倍速调节：支持0.5x到3.0x的精准调节
• 编码切换支持：AVC、HEVC或AV1编码自由选择
• 解除播放限制：港澳台、APP、东南亚区域限制解除

3. 弹幕系统保护

• protobuf弹幕支持：兼容新版弹幕格式
• 经典弹幕样式：恢复旧版弹幕的显示效果
• 弹幕发送者反查：保留弹幕互动信息
• 本地弹幕加载：支持离线弹幕文件

快速开始：3分钟安装指南

方案一：浏览器扩展安装（推荐新手）

这是最简单快捷的安装方式，适合所有用户：

1. 获取项目文件

   git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old

2. 进入项目目录

   cd Bilibili-Old

3. 构建扩展文件

   npm install && npm run chrome

4. 加载到浏览器

   • 打开Chrome浏览器，访问chrome://extensions/
   • 开启右上角的"开发者模式"
   • 点击"加载已解压的扩展程序"
   • 选择项目中的chrome/dist文件夹

Bilibili-Old扩展图标 - 简洁的电视机设计，带你回到经典B站时光

方案二：用户脚本安装（适合高级用户）

如果你已经安装了Tampermonkey等脚本管理器：

1. 安装脚本管理器：从浏览器商店安装Tampermonkey
2. 导入核心脚本：打开项目中的tampermonkey/main.user.js文件
3. 配置运行参数：在Tampermonkey控制面板中调整脚本设置

功能深度解析：不只是界面恢复

智能恢复机制

Bilibili-Old采用多层架构设计，确保稳定性和兼容性：

DOM拦截层：实时监控页面变化，智能识别新版元素样式注入层：精准注入经典CSS样式表API重写层：无缝重定向API调用到旧版接口事件处理层：完美处理用户交互事件

模块化设计优势

项目的模块化设计让各个功能独立实现，维护和更新更加方便：

• 用户界面模块：src/core/ui.ts - 负责界面元素的恢复和渲染
• 播放器控制模块：src/core/player.ts - 处理视频播放相关功能
• 弹幕处理模块：src/core/danmaku.ts - 管理弹幕的加载和显示
• 下载功能模块：src/core/download.ts - 提供视频下载支持

进阶使用技巧：打造个性化体验

快捷键自定义系统

通过修改快捷键配置，你可以打造专属的操作习惯：

播放控制优化：

• 空格键：播放/暂停（最自然的操作）
• 方向键左右：快进/快退（5秒/10秒）
• 方向键上下：音量调节（±5%）

弹幕操作快捷方式：

• D键：快速开关弹幕
• F键：全屏切换
• 数字键1-5：快速切换弹幕透明度

界面微调方法

虽然项目主要恢复旧版界面，但你仍然可以通过CSS微调：

颜色方案调整：

/* 示例：调整主色调 */ .bilibili-old-player { --primary-color: #00a1d6; /* 改为你喜欢的颜色 */ }

布局优化：

• 自定义界面文字显示大小
• 调整元素间距和对齐方式
• 隐藏不需要的界面元素

技术实现原理

核心架构解析

Bilibili-Old的核心代码位于 src/core/ 目录，采用现代化的TypeScript编写：

页面检测机制： 项目通过智能识别URL路径和页面结构，自动判断当前访问的B站页面类型，然后应用相应的恢复策略。

API拦截与重写： 通过重写XMLHttpRequest和Fetch API，项目能够拦截B站的API请求，将新版接口转换为旧版兼容格式。

样式注入系统： 使用动态样式注入技术，将经典B站样式精确应用到对应的页面元素上，确保视觉一致性。

弹幕保护计划

项目中包含一个特别的"弹幕保护计划"，备份了珍贵的弹幕艺术：

弹幕保护计划背景： 2020年05月21日，B站启用protobuf弹幕，许多高级弹幕、代码弹幕等丢失。 项目中的 [danmaku/](https://link.gitcode.com/i/0440ec6aa4033b3ff66e56e19739180b) 目录保存了这些上古珍宝，让弹幕艺术得以传承。

常见问题解决

安装问题排查

问题1：安装后界面无变化？

解决方案步骤： 1. 检查扩展状态 → 确保Bilibili-Old扩展已启用 2. 清除浏览器缓存 → 使用Ctrl+Shift+Delete清理缓存 3. 强制刷新页面 → 按Ctrl+Shift+R重新加载 4. 重启浏览器 → 完全关闭后重新打开

问题2：与其他插件冲突？

冲突处理流程： 1. 暂时禁用其他B站相关插件 2. 测试Bilibili-Old单独运行效果 3. 调整插件加载优先级 4. 检查脚本兼容性设置

功能异常处理

问题3：部分页面无法正常恢复？

• 原因分析：B站可能更新了页面结构
• 解决方案：等待项目更新或手动刷新页面
• 临时措施：使用脚本管理器调整运行时机

问题4：播放器功能异常？

• 检查项目：确保播放器模块正常加载
• 查看控制台：按F12打开开发者工具查看错误信息
• 重新安装：卸载后重新安装最新版本

社区支持与贡献

获取帮助的途径

官方文档：README.md - 包含详细的使用说明和技术文档扩展模块：chrome/ - 浏览器扩展相关源代码脚本模块：tampermonkey/ - 用户脚本相关文件核心源码：src/ - 项目的主要功能实现代码

如何贡献代码

如果你发现Bug或有改进建议：

1. 提交Issue：在项目页面描述问题
2. Fork项目：创建自己的分支进行修改
3. 提交Pull Request：将改进合并到主分支
4. 参与讨论：在社区中分享你的使用经验

立即行动：重回经典B站

为什么现在就要安装？

Bilibili-Old的核心价值：

• ✅轻量级设计：资源占用少，不影响浏览器性能
• ✅持续更新：及时跟进B站界面变化
• ✅完美兼容：支持多种浏览器和分辨率
• ✅开源透明：所有代码公开，安全可靠
• ✅完全免费：开源项目，无需任何费用

你的行动指南

立即开始你的经典B站之旅：

1. 选择安装方式：根据你的技术水平选择扩展版或脚本版
2. 完成安装配置：按照教程完成安装和基本配置
3. 个性化调整：根据你的喜好调整界面和功能设置
4. 享受经典体验：重新发现B站的简洁与纯粹

无论你是B站的老用户怀念过去的简洁界面，还是新用户希望获得更流畅的观看体验，Bilibili-Old都能满足你的需求。只需几分钟的安装，你就能重新获得那个让你心动的经典B站。

现在就行动起来，让熟悉的B站界面重新回到你的浏览器中！经典永不褪色，好的体验值得被保留和传承。通过这个Bilibili旧版恢复工具，重新找回那份最初的观看乐趣。

【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old