终极指南：如何恢复B站经典旧版界面 - 让你的Bilibili重回怀旧时代
终极指南：如何恢复B站经典旧版界面 - 让你的Bilibili重回怀旧时代
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
还在怀念B站那个简洁经典的旧版界面吗？随着Bilibili不断改版，许多用户开始想念2019年之前的经典界面布局。今天，我将为你详细介绍三种恢复B站经典界面的完整解决方案，让你重新体验那个熟悉的操作界面！无论你是普通用户还是技术爱好者，都能找到适合自己的方法。
为什么选择Bilibili-Old？怀旧不只是情怀
Bilibili从2019年底开始逐步淘汰旧版界面，这一系列改动虽然带来了新功能，但也让许多习惯了旧版操作逻辑的用户感到不适。Bilibili-Old项目就是为了解决这个问题而生，它通过技术手段恢复了经典的B站界面体验，让你重新找回那份熟悉的操作感。
Bilibili-Old项目图标，黑白电视设计充满怀旧感
关键时间节点回顾
- 2019年12月9日：弃用旧版av号系统和Bangumi页面
- 2020年3月23日：启用BV号替代av号
- 2020年4月4日：启用新版主页设计
- 2020年10月14日：弃用旧版全站排行榜
这些改动让许多老用户感到不适应，Bilibili-Old项目应运而生，致力于恢复那个让无数用户怀念的经典界面。
方法一：Tampermonkey用户脚本 - 最简单的入门方式
如果你只是想快速体验旧版界面，不想进行复杂配置，那么Tampermonkey用户脚本是最佳选择。这种方法简单快捷，适合大多数普通用户。
安装步骤详解
第一步：安装脚本管理器首先，你需要在浏览器中安装Tampermonkey扩展。这是一个强大的用户脚本管理工具，支持Chrome、Firefox、Edge等主流浏览器。
第二步：获取Bilibili-Old脚本访问GreasyFork平台，搜索"Bilibili-Old"脚本，点击安装按钮即可。整个过程只需要几秒钟，无需任何技术知识。
第三步：开始使用安装完成后，打开任意B站页面，你会在页面右下角看到一个齿轮图标。点击这个图标，就可以调整脚本的各种设置，自定义你的怀旧体验。
核心功能亮点
- 自动恢复旧版布局：主页、视频页、番剧页等全面恢复
- 弹幕系统增强：支持protobuf弹幕、反查发送者
- 播放器优化：AVC/HEVC/AV1编码切换、CC字幕支持
- 解除区域限制：港澳台、APP专享视频都能正常观看
方法二：Chrome浏览器扩展 - 功能最完整的解决方案
如果你需要更完整的功能和更好的性能，浏览器扩展是更好的选择。虽然暂时未上架商店，但手动安装同样简单。
手动安装详细教程
下载最新构建前往项目的GitHub Actions页面，找到最新的工作流，下载名为
bilibili-old的压缩包。解压到本地目录使用解压缩软件将下载的文件解压到任意目录，记住这个位置。
启用开发者模式在Chrome浏览器中打开扩展程序页面，点击右上角的"开发者模式"开关。
加载已解压的扩展点击"加载已解压的扩展程序"按钮，选择刚才解压的文件夹，完成安装。
扩展版独特优势
- 更好的兼容性：基于最新的Manifest V3规范开发
- 更稳定的运行：作为独立扩展运行，不受其他脚本干扰
- 更多高级功能：完整的下载面板、自动化设置、性能监控
- 原生性能：使用原生JavaScript实现，运行更加流畅高效
方法三：从源代码编译 - 开发者的完全控制方案
如果你是开发者或想要深度自定义功能，直接从源代码编译是最灵活的选择。这种方法让你可以完全控制项目的每一个细节。
环境准备与依赖安装
首先需要克隆项目仓库：
git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old cd Bilibili-Old然后安装项目依赖：
npm install编译与构建
项目提供了两种构建方式：
npm run chrome # 编译Chrome扩展版本 npm run tampermonkey # 编译Tampermonkey用户脚本版本自定义修改指南
你可以根据自己的需求修改源代码：
- 修改核心逻辑：调整
src/core/目录下的各种功能模块 - 定制页面处理：修改
src/page/中的页面处理逻辑 - 扩展工具函数：在
src/utils/中添加自定义工具函数
Bilibili-Old的核心功能深度解析
界面恢复功能：让经典重现
Bilibili-Old能够完美恢复以下经典页面：
- 旧版主页：熟悉的双栏布局，简洁明了
- 视频播放页：传统播放器界面，操作直观
- 番剧页面：Bangumi旧版布局，分类清晰
- 全站排行榜：经典排行榜样式，一目了然
- 稍后再看：独立的稍后再看页面，管理方便
弹幕系统：不只是怀旧
Bilibili-Old项目的加载动画，还原经典小电视体验
弹幕是B站文化的核心，Bilibili-Old在弹幕系统上做了大量优化：
- Protobuf弹幕支持：完全兼容B站新版弹幕协议
- 弹幕发送者反查：查看匿名弹幕的真实发送者
- 互动弹幕支持：完整支持各种高级弹幕功能
- 本地弹幕加载：从文件加载弹幕数据，离线也能看弹幕
- 在线弹幕加载：实时获取最新弹幕信息
播放器优化：观影体验全面提升
- 多编码支持：AVC、HEVC、AV1编码自由切换，适应不同设备
- CC字幕支持：完整的字幕功能，支持多语言字幕
- 分段进度条：清晰显示视频分段，快速跳转到感兴趣的部分
- 区域限制解除：港澳台、东南亚视频无障碍观看
- UPOS服务器替换：优化视频加载速度，减少缓冲时间
自动化功能：智能化的怀旧体验
Bilibili-Old提供了丰富的自动化功能，让你的使用体验更加顺畅：
- 自动展开弹幕列表：打开视频时自动展开弹幕区域
- 自动滚动到播放器：页面加载后自动定位到播放器
- 自动宽屏模式：根据屏幕尺寸自动调整播放模式
- 自动关闭弹幕：根据内容类型智能控制弹幕显示
- 记忆播放速率：记住你的播放速度偏好
- 跳过充电鸣谢：自动跳过视频开头的充电鸣谢
技术架构与实现原理
模块化设计：清晰的代码结构
Bilibili-Old项目采用高度模块化的设计，主要技术栈包括：
- TypeScript：提供类型安全的开发体验，减少运行时错误
- ESBuild：快速的构建工具，编译速度极快
- ProtobufJS：处理B站新的弹幕协议，确保兼容性
- 模块化架构：清晰的代码组织结构，便于维护和扩展
核心模块解析
项目的核心功能分布在不同的模块中：
- 用户界面模块：
src/core/ui.ts- 管理所有界面元素的恢复和渲染 - 播放器模块：
src/core/player.ts- 处理视频播放和弹幕系统 - 下载模块：
src/core/download.ts- 实现视频、封面、弹幕的下载功能 - 网络模块：
src/core/network-mock.ts- 模拟APP端请求，绕过限制
使用技巧与最佳实践
配置优化建议
弹幕设置优化
- 启用protobuf弹幕支持以获得更好的兼容性
- 根据屏幕大小设置合适的弹幕密度
- 开启弹幕发送者显示功能，了解弹幕来源
播放器设置
- 根据网络状况选择最佳视频编码
- 启用CC字幕自动加载功能
- 配置你喜欢的默认播放速率
界面个性化
- 选择适合你的主题颜色方案
- 调整界面布局密度，获得最佳浏览体验
- 自定义快捷键，提高操作效率
常见问题解决方案
问题1：恢复旧版页面前，新版页面一闪而过这是正常现象，因为Bilibili-Old需要在页面加载后执行替换操作。只需刷新页面即可看到完整的旧版界面。
问题2：恢复后的页面被残留脚本破坏某些B站的新版脚本可能会干扰旧版界面的显示。建议清除浏览器缓存后重新加载页面，或者尝试使用隐私模式。
问题3：原生旧版播放器获取不到90分钟后弹幕由于B站API的变更，原生旧版播放器已无法获取完整弹幕。建议使用Bilibili-Old提供的重构播放器，它能够获取完整的弹幕数据。
项目特色与技术创新
创新的技术实现
Bilibili-Old项目通过多种技术手段实现界面恢复：
- 页面劫持技术：智能拦截B站页面请求，无缝替换为旧版布局
- API模拟系统：精确模拟旧版API接口，保持功能完整性
- 动态样式注入：实时注入CSS样式，还原经典视觉效果
- 智能事件监听：监控页面变化，确保修改及时应用
代码质量保障
- 完整的TypeScript支持：提供严格的类型检查，减少潜在错误
- 详细的代码注释：关键代码都有详细说明，便于理解和维护
- 持续更新维护：跟随B站变化及时更新，确保长期可用性
- 开源社区支持：活跃的开发者社区，共同完善项目功能
安全使用指南与注意事项
合理使用原则
在使用Bilibili-Old时，请遵守以下原则：
- 遵守B站用户协议：合理使用各项功能，不进行恶意操作
- 尊重版权内容：仅用于个人学习和研究目的
- 保护账号安全：不要使用不明来源的脚本或扩展
数据安全建议
- 定期备份设置：导出你的个性化配置，防止数据丢失
- 谨慎使用下载功能：仅下载你有权观看的内容
- 注意隐私保护：避免在公共设备上保存敏感设置
未来发展与社区参与
项目发展方向
随着B站继续更新，Bilibili-Old项目也在不断进化：
- 更多页面支持：持续增加对更多B站页面的旧版恢复
- 性能优化：减少资源占用，提升运行效率
- 新功能集成：在旧版基础上集成实用新功能
- 多浏览器支持：扩展对Firefox、Edge等浏览器的支持
如何参与贡献
如果你对项目感兴趣，可以通过以下方式参与：
- 报告问题：在项目仓库中提交Issue，帮助改进项目
- 提交代码：修复bug或添加新功能
- 文档贡献：帮助完善使用文档和教程
- 分享经验：在社区中分享你的使用心得和技巧
开始你的怀旧之旅
无论你是B站的老用户怀念经典界面，还是新用户想要体验不同的操作逻辑，Bilibili-Old项目都能满足你的需求。选择适合你的安装方式，立即开始恢复B站经典界面的旅程！
温馨提示：Bilibili-Old是一个开源工具，旨在为用户提供更多选择。使用过程中如遇到问题，可以参考项目文档或参与社区讨论。让我们一起守护那份属于B站的经典记忆！
Bilibili-Old项目基于MIT开源协议发布，尊重并感谢所有为项目做出贡献的开发者。使用过程中请合理利用功能，共同维护良好的网络环境。
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考