终极指南：3种简单方法恢复B站经典界面，让怀旧体验重回2026
终极指南：3种简单方法恢复B站经典界面，让怀旧体验重回2026
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
还在怀念Bilibili那个简洁经典的旧版界面吗？随着B站不断改版，许多用户开始怀念2019年之前的经典界面布局。今天，我将为你详细介绍3种恢复B站经典界面的技术解决方案，让你重新体验那个熟悉的操作界面！✨
📋 为什么需要恢复B站旧版界面？
Bilibili从2019年底开始逐步淘汰旧版界面，这一系列改动包括：
- 2019年12月9日：弃用旧版av号系统和Bangumi页面
- 2020年3月23日：启用BV号替代av号
- 2020年4月4日：启用新版主页设计
- 2020年10月14日：弃用旧版全站排行榜
这些改动虽然带来了新功能，但也让许多习惯了旧版操作逻辑的用户感到不适。Bilibili-Old项目就是为了解决这个问题而生，它通过技术手段恢复了经典的B站界面体验。
🛠️ 方法一：Tampermonkey用户脚本（最简便）
Tampermonkey用户脚本是最简单的恢复方式，适合大多数用户使用：
安装步骤
安装Tampermonkey扩展
- 前往Chrome网上应用店搜索"Tampermonkey"
- 点击"添加到Chrome"进行安装
获取用户脚本
- 访问GreasyFork平台
- 搜索"Bilibili-Old"脚本
- 点击安装按钮
开始使用
- 打开任意B站页面
- 页面右下角会出现齿轮图标
- 点击图标即可调整脚本设置
功能亮点
- 自动恢复旧版布局：主页、视频页、番剧页等
- 弹幕系统增强：支持protobuf弹幕、反查发送者
- 播放器优化：AVC/HEVC/AV1编码切换、CC字幕支持
- 解除区域限制：港澳台、APP专享视频都能看
Bilibili-Old项目图标，黑白电视设计充满怀旧感
🚀 方法二：Chrome浏览器扩展（功能最全）
如果你需要更完整的功能和更好的性能，浏览器扩展是更好的选择：
手动安装步骤
由于扩展暂时未上架商店，需要手动安装：
# 1. 下载最新构建 # 前往GitHub Actions页面下载bilibili-old压缩包 # 2. 解压到本地目录 unzip bilibili-old.zip -d bilibili-old-extension # 3. 启用开发者模式 # 在Chrome扩展页面打开开发者模式 # 4. 加载已解压的扩展 # 选择解压后的文件夹完成安装核心功能模块
项目的主要功能模块位于以下路径：
- 用户界面模块：src/core/ui.ts - 管理所有界面元素
- 播放器模块：src/core/player.ts - 处理视频播放和弹幕
- 下载模块：src/core/download.ts - 视频、封面、弹幕下载
- 网络模块：src/core/network-mock.ts - 模拟APP端请求
扩展版优势
- 更好的兼容性：基于Manifest V3开发
- 更稳定的运行：作为独立扩展运行
- 更多高级功能：完整的下载面板、自动化设置
- 性能优化：原生JavaScript实现，运行更流畅
💻 方法三：源代码编译（开发者专用）
对于开发者或想要自定义功能的用户，可以直接从源代码编译：
环境准备
{ "dependencies": { "@jsc/chrome": "file:chrome", "@jsc/tampermonkey": "file:tampermonkey", "protobufjs": "*", "md5": "*" } }编译步骤
克隆仓库
git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old cd Bilibili-Old安装依赖
npm install编译扩展
npm run chrome # 编译Chrome扩展 npm run tampermonkey # 编译用户脚本自定义修改
- 修改src/core/目录下的核心逻辑
- 调整src/page/中的页面处理
- 自定义src/utils/工具函数
技术架构解析
项目采用模块化设计，主要技术栈包括：
- TypeScript：类型安全的开发体验
- ESBuild：快速的构建工具
- ProtobufJS：处理B站新的弹幕协议
- 模块化设计：清晰的代码组织结构
🔧 主要功能特性详解
1. 界面恢复功能
项目能够恢复以下经典页面：
- 旧版主页：熟悉的双栏布局
- 视频播放页：传统播放器界面
- 番剧页面：Bangumi旧版布局
- 全站排行榜：经典排行榜样式
- 稍后再看：独立的稍后再看页面
2. 弹幕系统增强
- Protobuf弹幕支持：兼容B站新版弹幕协议
- 弹幕发送者反查：查看匿名弹幕发送者
- 互动弹幕支持：完整支持高级弹幕功能
- 本地弹幕加载：从文件加载弹幕数据
- 在线弹幕加载：实时获取弹幕信息
3. 播放器优化
- 多编码支持：AVC、HEVC、AV1编码自由切换
- CC字幕支持：完整的字幕功能
- 分段进度条：清晰显示视频分段
- 区域限制解除：港澳台、东南亚视频无障碍观看
- UPOS服务器替换：优化视频加载速度
4. 自动化功能
- 自动展开弹幕列表
- 自动滚动到播放器
- 自动宽屏模式
- 自动关闭弹幕
- 自动播放视频
- 记忆播放速率
- 跳过充电鸣谢
🎯 使用技巧与最佳实践
配置优化建议
弹幕设置优化
- 启用protobuf弹幕支持
- 设置合适的弹幕密度
- 开启弹幕发送者显示
播放器设置
- 根据网络选择最佳编码
- 启用CC字幕自动加载
- 配置喜欢的播放速率
界面个性化
- 选择喜欢的主题颜色
- 调整布局密度
- 自定义快捷键
常见问题解决
问题1：恢复旧版页面前，新版页面一闪而过
- 解决方案：这是正常现象，刷新页面即可
问题2：恢复后的页面被残留脚本破坏
- 解决方案：清除浏览器缓存后重新加载
问题3：原生旧版播放器获取不到90分钟后弹幕
- 解决方案：使用项目提供的重构播放器
📊 项目技术亮点
创新的实现方式
Bilibili-Old项目通过以下技术手段实现界面恢复：
- 页面劫持技术：拦截B站页面请求，替换为旧版布局
- API模拟：模拟旧版API接口，保持功能完整性
- 样式注入：动态注入CSS样式，还原经典视觉效果
- 事件监听：监控页面变化，实时应用修改
代码质量保障
- 完整的TypeScript支持：提供类型安全和更好的开发体验
- 模块化架构：清晰的代码组织结构
- 详细的注释：关键代码都有详细说明
- 持续更新：跟随B站变化及时更新
🔮 未来发展方向
随着B站继续更新，Bilibili-Old项目也在不断进化：
- 更多页面支持：持续增加对更多页面的旧版恢复
- 性能优化：减少资源占用，提升运行效率
- 新功能集成：在旧版基础上集成实用新功能
- 多浏览器支持：扩展对Firefox、Edge等浏览器的支持
🎉 开始你的怀旧之旅
无论你是B站的老用户怀念经典界面，还是新用户想要体验不同的操作逻辑，Bilibili-Old项目都能满足你的需求。选择适合你的安装方式，立即开始恢复B站经典界面的旅程！
温馨提示：使用第三方工具时，请遵守B站用户协议，合理使用各项功能。项目开源在GitCode平台，欢迎开发者参与贡献和改进！
本文介绍的Bilibili-Old项目是一个开源工具，旨在为用户提供更多选择。使用过程中如遇到问题，可以参考项目文档或参与社区讨论。
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考