Bilibili-Old终极指南：5步找回经典B站，让时光倒流

Bilibili-Old终极指南：5步找回经典B站，让时光倒流

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

你是否怀念那个简洁纯粹的B站？当新版界面变得越来越复杂时，Bilibili-Old项目为你提供了完美的解决方案。这个开源项目通过浏览器扩展和用户脚本，让你轻松恢复经典的小电视播放器和旧版页面布局，重温那些年的观看体验。无论你是技术爱好者还是普通用户，都能通过这个项目找回熟悉的B站感觉。

🎯 为什么需要Bilibili-Old？三大核心价值

1. 专注观看体验的回归

现代B站界面充满了各种推荐、广告和社交功能，容易分散注意力。Bilibili-Old让你回归纯粹的观看体验，专注于视频内容本身。通过恢复经典界面，你可以获得更加专注的观看环境，减少不必要的干扰。

2. 操作习惯的延续

对于从B站早期就开始使用的老用户来说，新版界面的复杂设计带来了学习成本。Bilibili-Old保留了经典的操作逻辑和页面布局，让你无需重新适应，直接使用最熟悉的界面。

3. 技术学习的宝库

对于开发者和技术爱好者，这个项目提供了宝贵的学习资源。你可以研究其源代码，了解如何通过浏览器扩展和用户脚本修改现代网页应用，掌握前端逆向工程和页面重构的技术。

🚀 快速开始：两种安装方式对比

方法一：用户脚本安装（推荐新手）

如果你想要最快捷的上手体验，用户脚本是最佳选择：

1. 安装Tampermonkey：在Chrome或Edge浏览器中安装Tampermonkey扩展
2. 获取脚本：从项目仓库下载最新的用户脚本文件
3. 启用脚本：打开任意B站页面，脚本会自动运行
4. 个性化配置：点击页面右下角的齿轮图标进行设置调整

优点：安装简单，无需重启浏览器，适合快速体验

方法二：浏览器扩展安装（功能完整）

如果你需要更完整的功能和更好的稳定性：

1. 下载扩展文件：克隆项目仓库或下载最新发布包
2. 解压文件：将压缩包解压到本地目录
3. 加载扩展：在Chrome扩展管理页面开启"开发者模式"
4. 选择目录：点击"加载已解压的扩展程序"选择解压目录

优点：功能更完整，支持更多高级特性，性能更稳定

经典的加载动画，唤起无数B站用户的共同回忆

🔧 核心功能深度解析

经典页面全面恢复

Bilibili-Old项目最核心的功能就是恢复B站的各种经典页面。通过深入分析B站的页面结构，项目团队重新实现了：

• 经典主页布局：恢复简洁的卡片式推荐和分类导航，告别繁杂的信息流
• 小电视播放器：那个熟悉的蓝色小电视播放器界面，操作简单直观
• 旧版视频页：包括av/BV号页面、番剧播放页，保持一致的视觉风格
• 排行榜页面：恢复传统的全站排行榜布局，一目了然的排名信息

弹幕系统现代化升级

虽然恢复了旧版界面，但项目并没有停留在简单的界面还原上，而是对弹幕系统进行了现代化增强：

• protobuf弹幕支持：兼容B站最新的弹幕格式，确保弹幕显示正常
• 互动弹幕支持：让经典播放器也能显示互动弹幕，不丢失新功能
• 弹幕发送者反查：增强的弹幕管理功能，提升使用体验

播放器功能全面增强

旧版播放器获得了新生，增加了许多现代播放器才有的功能：

• 多编码支持：AVC、HEVC、AV1编码自由切换，适应不同设备
• CC字幕支持：完善的字幕系统，提升无障碍访问体验
• 分段进度条：清晰显示视频分段信息，便于导航

💡 实用场景与解决方案

场景一：专注学习与工作

当你在B站观看教程或学习视频时，新版界面的各种推荐和社交功能容易分散注意力。使用Bilibili-Old后，你可以：

• 关闭不必要的侧边栏和推荐区域
• 获得更大的视频播放区域
• 减少页面加载时间，提升学习效率

场景二：怀旧观影体验

如果你是B站的老用户，可能对某些经典番剧有特殊情感。Bilibili-Old能让你：

• 在经典界面下重温老番，找回当年的感觉
• 使用熟悉的操作方式，无需重新学习
• 享受简洁的界面，专注于内容本身

场景三：技术研究与学习

对于前端开发者来说，这个项目是绝佳的学习材料。你可以：

• 研究src/core/目录下的核心实现逻辑
• 学习如何通过浏览器扩展修改现代网页
• 了解TypeScript在实际项目中的应用

⚙️ 高级配置与自定义

核心配置模块

项目的核心配置位于src/core/目录，这里包含了所有主要功能的实现：

• bilibili-old.ts：主控制文件，管理整个恢复流程
• player.ts：播放器恢复和增强功能的核心实现
• danmaku.ts：弹幕系统的核心逻辑
• download.ts：视频下载功能模块

用户界面定制

如果你想要进一步定制界面，可以查看src/ui/目录：

• entry.ts：界面入口点，控制整体布局
• interface.ts：UI组件接口定义，便于扩展
• item.ts：页面项目渲染逻辑，控制内容显示

网络请求处理

项目通过src/io/目录下的模块处理B站的各种API请求：

• api.ts：主要的API接口封装，统一管理网络请求
• playurl.ts：视频播放地址获取逻辑
• metadata.ts：元数据获取和处理机制

❓ 常见问题与解决方案

Q1：安装后页面没有变化怎么办？

解决方案：首先检查扩展或脚本是否已启用。如果是扩展版本，确保已正确加载。如果是脚本版本，检查Tampermonkey是否运行正常。如果问题依旧，尝试清除浏览器缓存后重新加载页面。

Q2：某些功能无法正常使用？

解决方案：B站会不定期更新页面结构，可能导致部分功能失效。你可以：

• 检查项目是否有更新版本
• 在项目仓库中查看相关Issue
• 暂时禁用其他可能冲突的浏览器扩展

Q3：如何自定义界面样式？

解决方案：项目支持一定程度的自定义。你可以：

• 修改src/css/目录下的样式文件
• 通过浏览器开发者工具调整特定样式
• 创建自己的样式覆盖文件

Q4：扩展版和脚本版如何选择？

解决方案：根据你的需求选择：

• 扩展版：功能完整，稳定性好，适合长期使用
• 脚本版：轻量快捷，适合临时使用或测试

🤝 参与贡献：成为项目一员

Bilibili-Old是一个开源项目，欢迎所有开发者参与贡献。以下是参与项目的方式：

代码贡献流程

1. 克隆仓库：git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old
2. 安装依赖：npm install
3. 运行开发环境：npm run chrome或npm run tampermonkey
4. 提交Pull Request：按照项目规范提交代码

问题反馈指南

如果你发现了bug或有功能建议：

1. 在仓库中创建详细的Issue
2. 描述问题现象和复现步骤
3. 提供浏览器版本、脚本版本等信息
4. 如果有错误日志，一并提供

文档改进机会

项目的文档位于根目录的README.md，欢迎改进文档质量，添加更多使用示例和说明。清晰的文档能帮助更多用户顺利使用项目。

🔮 未来发展规划

Bilibili-Old项目不仅是对过去的怀念，更是对未来的探索。项目团队计划：

持续兼容性维护

随着B站不断更新，项目团队会持续跟踪页面变化，确保功能兼容性。定期更新将保证用户始终能享受经典的观看体验。

更多自定义选项

未来版本将增加更多自定义选项，让用户可以根据自己的喜好调整界面。从颜色主题到布局样式，都将支持个性化设置。

性能优化与扩展

项目团队将继续优化代码性能，减少资源占用。同时，考虑添加更多实用功能，如快捷键支持、离线缓存等。

🎉 开启你的经典B站之旅

Bilibili-Old不仅仅是一个技术项目，更是一份对B站经典设计的致敬。它证明了好的设计不会因为时间而褪色，经典的用户体验值得被保留和传承。

无论你是想要找回熟悉的操作习惯，还是希望在简洁的界面中专注观看视频，亦或是想要学习现代网页修改技术，Bilibili-Old都能满足你的需求。

现在就开始安装，重温那些年与小电视相伴的美好时光吧！记住，怀旧不是停留在过去，而是在经典的基础上创造更好的未来。Bilibili-Old正是这种理念的完美体现——保留经典设计的精髓，同时融入现代技术的优势。

Bilibili-Old扩展的图标采用经典的小电视设计，唤起老用户的回忆

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