Bilibili-Old：三步找回你记忆中的经典B站界面
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
你是否曾经在深夜刷B站时，突然怀念起那个简洁明了、操作顺手的旧版界面？是否对现在复杂的功能布局感到无所适从，找不到曾经熟悉的按钮位置？Bilibili-Old正是为所有怀念经典B站体验的用户设计的开源工具，它像一位时光修复师，帮你找回那个纯粹的浏览体验。我们将在本文中一起探索如何诊断界面问题、实施恢复方案，并验证操作效果。
🩺 问题诊断：为什么我们需要找回旧版B站
界面复杂化的"症状"分析
导航迷失症：打开B站首页，满眼都是推荐位、广告位和各种新功能入口，曾经简洁的顶部导航栏被各种分类标签淹没。我们常常需要花费更多时间寻找想要的内容，而不是享受内容本身。
操作记忆紊乱：播放器控制按钮的位置频繁变动，弹幕设置选项被隐藏在多级菜单中，甚至连点赞、收藏这些基础功能都需要重新适应。这种变化让老用户的肌肉记忆完全失效。
视觉疲劳综合征：新版界面采用了更密集的信息展示方式，色彩对比度更高，动态效果更多。长时间浏览容易造成视觉疲劳，失去了旧版那种温和舒适的视觉体验。
功能缺失的"病理"根源
通过分析项目结构，我们发现Bilibili-Old通过多个核心模块来恢复旧版功能：
- 播放器控制：src/core/player.ts 文件负责恢复经典播放器布局
- 弹幕系统：src/core/danmaku.ts 控制弹幕显示逻辑
- 页面导航：src/page/ 目录下的各个页面模块重构导航结构
- 用户界面：src/core/ui.ts 作为主控制文件协调所有UI元素
这些模块的协同工作，让我们能够系统性地恢复旧版体验，而不是简单地修改外观。
💊 解决方案：两种恢复路径的选择
方案一：浏览器扩展版（适合所有用户）
如果你希望获得最稳定、最完整的恢复效果，浏览器扩展版是最佳选择。这个方案就像给浏览器安装一个"时光胶囊"，让B站页面自动恢复到经典状态。
实施步骤：
- 获取项目代码：打开终端，输入
git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old - 进入chrome目录：解压后找到项目文件夹中的
chrome目录 - 安装扩展：在Chrome浏览器中打开扩展管理页面，开启开发者模式后加载已解压的扩展程序
为什么这样有效：扩展程序能够在页面加载的最早期介入，通过修改DOM结构和CSS样式，确保旧版界面能够完全覆盖新版布局。这就像在建筑装修前就规划好了整体布局，避免了后续的冲突和兼容性问题。
方案二：用户脚本版（适合技术爱好者）
如果你已经在使用Tampermonkey等脚本管理器，或者希望有更多的自定义空间，用户脚本版提供了更大的灵活性。
实施步骤：
- 确保已安装Tampermonkey脚本管理器
- 打开项目中的
tampermonkey/main.user.js文件 - 复制内容到Tampermonkey的新建脚本页面并保存
- 启用脚本并访问B站页面
灵活性的优势：用户脚本允许你在运行时动态调整设置，甚至可以根据不同的页面类型应用不同的恢复策略。这种方案更像是一个智能的"界面翻译器"，实时将新版界面转换为经典样式。
🧪 实践验证：如何确认恢复效果
播放器布局验证
操作验证步骤：
- 打开任意B站视频页面
- 观察播放器控制栏：播放/暂停按钮是否在熟悉的左下角位置？
- 检查进度条：是否恢复了经典的细长样式？
- 验证画质选择：点击画质按钮，菜单是否以旧版的弹出式显示？
预期效果：你会看到播放器回到了2019年左右的经典布局，所有控制元素都回到了记忆中的位置。这种熟悉感会让你立刻找回当年的操作习惯。
弹幕系统验证
操作验证步骤：
- 开启视频弹幕功能
- 观察弹幕字体和颜色：是否恢复了经典的白色字体加黑色描边？
- 调整弹幕设置：透明度、滚动速度等选项是否以旧版方式呈现？
- 测试高级弹幕：特殊弹幕效果是否正常显示？
预期效果：弹幕系统将恢复到旧版的显示风格，那个熟悉的加载动画（如上图所示）会重新出现，弹幕的滚动效果和显示方式都回到了经典状态。
页面导航验证
操作验证步骤：
- 访问B站首页：顶部导航栏是否恢复了简洁的频道分类？
- 浏览个人中心：功能入口是否按照旧版逻辑排列？
- 测试搜索功能：搜索框和结果展示是否采用经典布局？
- 检查动态页面：时间线展示是否回到了旧版的卡片式设计？
预期效果：整个网站的导航结构变得清晰明了，不再有复杂的多级菜单和隐藏功能。你会发现曾经熟悉的B站又回来了。
🔧 深度定制：打造属于你的个性化B站
主题颜色个性化
如果你对默认的界面配色不满意，可以通过修改src/css/目录下的CSS文件来自定义颜色方案。例如，你可以：
- 调整主色调来匹配你的审美偏好
- 修改背景色减少视觉疲劳
- 自定义链接颜色增强可读性
快捷键操作增强
在src/core/accesskey.ts文件中，你可以重新定义各种操作的快捷键。比如：
- 将空格键设置为播放/暂停（如果默认设置不符合你的习惯）
- 为常用功能添加自定义快捷键
- 调整音量控制的快捷键组合
下载功能优化
如果需要使用视频下载功能，可以配置src/core/download.ts文件中的相关参数：
- 设置默认下载路径
- 选择偏好的视频格式
- 调整并发下载数量
- 配置下载质量优先级
🚨 问题排查：常见问题的医疗式解决方案
症状一：安装后界面无变化
诊断思路：这通常是由于浏览器缓存、扩展未正确启用或页面加载监控异常导致的。
分级治疗方案：
- 基础处理：清除浏览器缓存（Ctrl+Shift+Delete），重启浏览器
- 中级处理：确认扩展/脚本已启用，检查
src/core/observer.ts页面加载监控文件 - 高级处理：查看浏览器控制台是否有错误信息，检查网络请求状态
症状二：弹幕显示异常
诊断思路：可能是弹幕配置文件错误、设置选项不当或网络请求问题。
分级治疗方案：
- 基础处理：检查
danmaku/目录下的弹幕配置文件 - 中级处理：重置弹幕设置选项，确认网络连接正常
- 高级处理：查看
src/core/network-mock.ts文件中的网络请求状态
症状三：部分功能失效
诊断思路：可能是版本过旧、B站页面更新或功能模块损坏。
分级治疗方案：
- 基础处理：更新到最新版本，重新安装扩展/脚本
- 中级处理：检查B站页面是否有重大更新，可能需要调整恢复策略
- 高级处理：查看
src/core/目录下的相关功能模块文件
📋 使用注意事项与最佳实践
版本兼容性提醒
Bilibili-Old项目会持续更新以适应B站界面的变化，但需要注意：
- 扩展版不会自动更新，需要手动下载新版本覆盖
- 用户脚本版可以通过Tampermonkey的更新功能自动获取新版本
- 建议定期检查项目更新，特别是在B站进行重大界面改版后
功能限制说明
由于技术限制，部分功能可能无法完全恢复：
- 充电、B币支付等涉及支付的功能可能已失效
- 某些API接口可能已被B站弃用，只能寻找替代方案
- 恢复过程中可能出现短暂的新版页面闪烁
社区支持与反馈
如果在使用过程中遇到问题，可以通过以下方式获取帮助：
- 仔细阅读项目的README文档
- 查看已知问题列表，确认是否属于已有问题
- 在项目社区中寻求其他用户的经验分享
🎯 总结：找回属于你的B站记忆
Bilibili-Old不仅仅是一个界面恢复工具，它更是一份对互联网文化记忆的守护。在这个快速变化的数字时代，能够保留一份熟悉的操作体验，是对用户习惯的尊重，也是对经典设计的致敬。
通过本文的三段式诊断-解决方案-验证流程，我们希望你能顺利找回那个记忆中的B站。无论是通过浏览器扩展的便捷安装，还是用户脚本的灵活定制，最终目标都是让你重新享受纯粹的内容浏览体验。
记住，技术的进步不一定要以牺牲用户体验为代价。Bilibili-Old证明了我们可以在拥抱新功能的同时，保留那些经过时间考验的优秀设计。现在，就让我们一起踏上这段找回经典的旅程吧！
【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
