Bilibili-Old：重温经典界面，找回最初的B站体验

Bilibili-Old重温经典界面找回最初的B站体验【免费下载链接】Bilibili-Old恢复旧版Bilibili页面为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old你是否怀念那个简洁明了的B站界面是否对如今复杂的新版页面感到疲惫在这个追求极简与效率的时代Bilibili-Old项目应运而生它不仅仅是一个简单的界面恢复工具更是一场对互联网产品设计美学的致敬。当怀旧成为刚需为何我们需要Bilibili-Old随着B站不断进行界面改版许多老用户发现熟悉的操作界面逐渐消失。新版界面虽然功能丰富但对于追求高效浏览和纯粹观看体验的用户来说却显得有些臃肿。Bilibili-Old正是为解决这一痛点而生——它通过技术手段恢复B站的经典网页布局和小电视播放器让用户能够重温2019年之前的B站体验。这个项目采用双轨制实现既支持Tampermonkey用户脚本也提供Manifest V3浏览器扩展。无论你是脚本爱好者还是扩展用户都能找到适合自己的使用方式。更重要的是它不仅仅停留在表面界面的还原更在底层实现了对现代B站API的兼容适配。核心技术架构如何让时光倒流模块化设计思想项目采用高度模块化的架构设计将不同功能解耦为独立模块页面恢复模块负责将新版页面转换为旧版布局覆盖主页、视频详情页、排行榜等核心页面播放器适配模块实现小电视播放器的完整功能包括弹幕系统、画质切换、播放控制等API兼容层处理新旧API之间的差异确保旧版界面能够正常访问现代B站服务用户界面组件提供统一的UI组件库确保界面风格的一致性关键技术突破Bilibili-Old面临的最大挑战是如何在现代B站架构上运行旧版界面。项目团队通过以下技术手段解决了这一难题动态页面重写实时监测页面加载在DOM构建过程中注入转换逻辑API协议适配将新版API响应转换为旧版页面期望的数据格式CSS样式覆盖精确覆盖新版样式恢复经典视觉风格弹幕系统兼容支持protobuf格式的新版弹幕同时保持旧版弹幕的显示效果功能特性详解不只是界面还原全面的页面恢复项目支持恢复B站几乎所有核心页面主页恢复经典的瀑布流布局去除个性化推荐干扰视频播放页完整的小电视播放器体验包括经典的进度条和控件设计排行榜恢复按分类排序的全站排行榜页面稍后再看独立的稍后再看列表避免与新版功能混淆搜索页面简洁的搜索结果展示提高信息获取效率增强的播放体验在恢复经典界面的基础上项目还增加了多项实用功能弹幕系统增强支持protobuf格式弹幕、互动弹幕、代码弹幕播放器优化AVC/HEVC/AV1编码切换、CC字幕支持、分段进度条区域限制解除突破港澳台、APP专享、东南亚地区的播放限制自动化操作自动展开弹幕列表、宽屏模式、记忆播放速率等开发者友好设计项目代码结构清晰便于二次开发和定制src/ ├── core/ # 核心业务逻辑 ├── ui/ # 用户界面组件 ├── io/ # API接口处理 ├── page/ # 页面转换逻辑 └── utils/ # 工具函数库安装与使用指南用户脚本安装方式对于习惯使用Tampermonkey的用户安装过程十分简单确保已安装Tampermonkey脚本管理器访问项目的GreasyFork页面获取脚本安装后打开任意B站页面即可生效点击页面右下角的齿轮图标进行个性化设置浏览器扩展安装方式对于追求稳定性的用户推荐使用浏览器扩展版本# 克隆项目到本地 git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old # 进入项目目录 cd Bilibili-Old # 构建扩展 npm run chrome # 在Chrome中加载已解压的扩展程序构建完成后在Chrome扩展程序页面启用开发者模式点击加载已解压的扩展程序选择构建输出的目录即可完成安装。技术实现深度解析页面转换机制项目的核心在于页面转换逻辑。当检测到用户访问B站页面时脚本会拦截页面加载在document_start阶段注入转换逻辑分析页面类型根据URL路径识别页面类型主页、视频页、排行榜等执行转换操作移除新版元素注入旧版HTML结构和样式绑定事件处理确保交互功能正常工作弹幕系统兼容性处理弹幕系统的兼容性是最具挑战性的部分。项目通过以下方式实现协议转换将protobuf格式的新版弹幕转换为XML格式的旧版弹幕时间轴同步确保弹幕时间戳与视频播放进度精确匹配样式保持维持旧版弹幕的显示效果包括颜色、位置、运动方式性能优化策略为了确保流畅的用户体验项目采用了多项性能优化措施懒加载机制非关键资源延迟加载缓存策略重复使用的数据本地缓存增量更新只更新变化的页面部分资源合并减少HTTP请求数量适用场景与目标用户核心用户群体怀旧型用户怀念2019年前B站界面的老用户效率追求者希望简化界面、提高浏览效率的用户开发者与研究者需要研究B站界面演变的技术人员界面设计爱好者对产品界面设计有独特见解的设计师实际应用案例内容创作者在简洁界面下专注于视频制作和上传学习用户减少界面干扰专注于学习内容的观看技术研究人员分析B站界面演变和用户交互设计产品经理研究经典界面设计的成功要素项目优势与特色技术先进性Manifest V3兼容采用最新的Chrome扩展规范确保长期可用性TypeScript开发强类型语言保证代码质量和可维护性模块化架构便于功能扩展和代码复用持续更新跟随B站更新及时调整保持功能正常用户体验优化无缝切换用户几乎感受不到转换过程配置灵活提供丰富的设置选项满足个性化需求性能稳定经过大量用户测试确保稳定运行社区支持活跃的开发者社区提供技术支持和问题解答未来发展方向短期规划更多页面支持扩展支持更多B站页面类型性能优化进一步减少资源占用提升加载速度移动端适配探索移动浏览器上的实现方案长期愿景插件生态系统允许开发者创建功能插件界面主题系统支持用户自定义界面风格跨平台支持扩展到更多浏览器和平台开源社区建设建立更完善的贡献者体系结语经典永不过时Bilibili-Old不仅仅是一个技术项目更是一种对互联网产品设计哲学的思考。在追求新功能、新界面的同时我们不应忘记那些经过时间考验的优秀设计。这个项目证明了好的用户体验设计是永恒的它不会因为技术的更新而失去价值。如果你也怀念那个简洁高效的B站不妨尝试一下Bilibili-Old。它或许能让你重新发现有时候旧并不意味着过时而可能代表着一种经过时间验证的优秀设计。经典之所以成为经典是因为它经得起时间的考验。在快速迭代的互联网时代保持对优秀设计的尊重和传承正是开源社区的价值所在。【免费下载链接】Bilibili-Old恢复旧版Bilibili页面为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考