终极指南：如何使用Bilibili-Old完整恢复B站经典界面
终极指南：如何使用Bilibili-Old完整恢复B站经典界面
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
你是否怀念B站那个简洁优雅的旧版界面？是否对小电视播放器的消失感到惋惜？Bilibili-Old正是为怀旧用户量身定制的开源解决方案，它能够将现代Bilibili页面无缝转换回经典的旧版样式，让你重温那些年的观看体验。这个项目不仅恢复界面，更增强了功能，让怀旧与现代完美融合。
🎯 项目核心亮点
全面恢复旧版界面体验
Bilibili-Old能够将B站的新版页面全面还原到经典状态。从主页到视频详情页，从排行榜到稍后再看列表，所有关键页面都能恢复到熟悉的旧版样式。最令人兴奋的是，经典的小电视播放器重新回归，让你在观看视频时找回最初的感动。
增强功能超越原版
项目不仅停留在界面恢复，更添加了许多实用功能：
- protobuf弹幕支持：即使在旧版播放器上也能正常显示新格式弹幕
- 互动弹幕支持：完整支持现代互动弹幕功能
- 多编码切换：支持AVC、HEVC或AV1编码的自由切换
- 解除播放限制：突破港澳台、APP专享等区域限制
- 本地弹幕加载：支持加载本地弹幕文件，个性化观看体验
现代化技术架构
基于Manifest V3扩展规范开发，确保与现代浏览器的完美兼容。同时提供Tampermonkey用户脚本版本，满足不同用户的使用习惯。项目使用TypeScript编写，代码结构清晰，易于维护和扩展。
🚀 五分钟快速上手指南
方式一：浏览器扩展安装（推荐）
- 克隆仓库：使用命令
git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old获取源码 - 构建扩展：进入项目目录执行
npm install && npm run chrome - 加载扩展：在Chrome浏览器中打开扩展管理页面，启用"开发者模式"
- 选择目录：点击"加载已解压的扩展程序"，选择构建生成的chrome目录
方式二：用户脚本安装
- 安装Tampermonkey：从官方商店安装Tampermonkey脚本管理器
- 导入脚本：打开tampermonkey/main.user.js文件并安装
- 立即生效：访问B站页面即可看到右下角的设置齿轮图标
安装完成后，访问任何B站页面，你都会发现界面已经自动转换为经典样式。页面右下角会出现一个齿轮图标，点击即可进行个性化设置。
💡 最佳使用场景
追求简洁体验的用户
如果你觉得新版B站界面过于复杂，广告元素过多，Bilibili-Old能帮你回归到简洁干净的观看环境。旧版界面布局合理，功能集中，让你更专注于视频内容本身。
怀旧爱好者
对于那些从B站早期就开始使用的老用户来说，这个项目就像一台时光机。它不仅恢复了界面，更重要的是找回了那种纯粹的社区氛围和观看体验。
开发者和技术爱好者
项目的源码结构清晰，是学习现代Web扩展开发、TypeScript应用和B站API逆向的优秀案例。你可以通过研究src/core/目录下的核心模块，深入了解如何实现页面转换和功能增强。
🔧 进阶功能深度探索
弹幕系统全面升级
项目在弹幕处理方面做了大量工作：
- 反查弹幕发送者：通过crc逆向算法实现弹幕发送者查询
- 代码弹幕支持：完整支持高级弹幕和代码弹幕显示
- 在线/本地弹幕加载：支持多种弹幕来源，满足不同需求
播放器功能增强
旧版播放器被赋予了新的生命力：
- CC字幕支持：为视频添加字幕功能
- 分段进度条：清晰显示视频分段信息
- 自动化播放设置：自动展开弹幕列表、宽屏模式、记忆播放速率等
- 本地视频播放：支持播放本地视频文件
页面修复与优化
项目修复了许多旧版页面的问题：
- 全局顶栏替换：统一使用旧版顶栏风格
- UP主列表支持：恢复UP主空间访问功能
- 动态banner支持：完整显示动态页面元素
- 个性化推荐：在旧版界面中保留主页推荐功能
🛠️ 技术架构解析
核心模块设计
项目采用模块化设计，主要功能分布在几个关键目录：
- src/core/: 核心功能模块，包括播放器、弹幕、下载等
- src/page/: 页面转换逻辑，针对不同页面类型进行处理
- src/io/: API接口封装，处理与B站服务器的通信
- chrome/: 浏览器扩展版本实现
现代化开发工具链
项目使用TypeScript作为主要开发语言，配合esbuild进行快速构建。通过模块化的设计，代码结构清晰，易于维护和扩展。查看package.json可以了解完整的依赖配置。
兼容性保障
同时支持Manifest V3扩展和Tampermonkey用户脚本，确保在不同环境下的兼容性。项目持续跟踪Chrome浏览器更新，及时适配新的API变化。
🌟 社区与未来发展
开源协作生态
项目采用MIT开源协议，鼓励社区参与贡献。开发者可以通过提交PR、报告问题或提出功能建议来参与项目改进。完整的开发文档和贡献指南帮助新开发者快速上手。
持续更新维护
项目团队持续跟踪B站界面更新，及时修复因B站改版导致的问题。查看项目的更新日志可以看到开发者对B站每一次重大改版的应对策略。
用户反馈驱动
功能开发很大程度上基于用户需求，社区反馈是项目发展的重要动力。无论是界面优化建议还是功能增强请求，都会得到开发团队的认真考虑。
📋 安装注意事项
系统要求
- 操作系统：Windows 10/11、macOS、Linux
- 浏览器：Chrome 108+ 或支持Tampermonkey的浏览器
- 内存：建议4GB以上
- 网络：稳定的互联网连接
常见问题解决
- 页面闪烁问题：恢复过程中新版页面可能短暂出现，这是正常现象
- 样式残留问题：如遇到样式问题，尝试刷新页面解决
- 弹幕加载：90分钟后的弹幕需要使用重构播放器功能
安全提醒
- 项目仅修改页面展示，不涉及账号密码等敏感信息
- 所有代码开源可审查，确保透明度
- 建议从官方渠道获取最新版本
🎉 开始你的怀旧之旅
Bilibili-Old不仅仅是一个技术项目，更是对互联网文化记忆的保存。它让那些珍贵的用户体验得以延续，让新老用户都能感受到B站发展的历史脉络。
无论你是想找回最初的观看体验，还是希望拥有更简洁的界面，亦或是想学习现代Web扩展开发技术，这个项目都值得一试。立即开始安装，让经典的小电视重新点亮你的B站之旅！
小提示：项目完全免费开源，你可以自由使用、修改和分享。如果觉得好用，不妨给项目点个星，或者向其他怀旧同好推荐这个宝藏工具！
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考