news 2026/7/17 12:07:37

Bilibili-Old终极指南:三步找回你的B站经典界面,告别复杂新设计

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Bilibili-Old终极指南:三步找回你的B站经典界面,告别复杂新设计

Bilibili-Old终极指南:三步找回你的B站经典界面,告别复杂新设计

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

你是否还在怀念B站那个简洁清爽的经典界面?每次打开新版B站,复杂的布局和频繁的界面更新是否让你感到无所适从?Bilibili-Old就是为你量身打造的解决方案!这个开源项目能够一键恢复B站的经典网页界面和标志性小电视播放器,让你在享受现代功能的同时,重温那份熟悉的怀旧体验。

Bilibili-Old是一个专门为怀念B站旧版界面的用户设计的工具,它通过两种方式实现Bilibili旧版界面恢复:Chrome扩展和Tampermonkey用户脚本。无论你是技术小白还是高级用户,都能轻松上手,让B站回归到你最熟悉的模样。

为什么你需要Bilibili-Old?新旧界面对比分析

新版B站的问题与痛点

  • 界面过于复杂:功能堆叠让许多老用户感到不适
  • 加载速度变慢:现代设计带来了更多的资源消耗
  • 操作逻辑改变:老用户需要重新学习使用习惯
  • 经典元素消失:标志性的小电视等元素被移除

Bilibili-Old带来的改变

  • 恢复经典小电视播放器:找回那个熟悉的播放界面
  • 简化页面布局:去除不必要的干扰元素
  • 提升加载速度:旧版界面通常更轻量,加载更快
  • 保持功能完整:在经典界面中享受现代功能

两种安装方式对比:选择最适合你的方案

方案对比表格

对比维度Tampermonkey脚本版Chrome扩展版
安装难度⭐⭐☆☆☆(简单)⭐⭐⭐☆☆(中等)
功能完整性⭐⭐⭐☆☆(基础)⭐⭐⭐⭐⭐(完整)
稳定性⭐⭐⭐☆☆(良好)⭐⭐⭐⭐⭐(优秀)
更新便利性⭐⭐⭐⭐⭐(自动)⭐⭐☆☆☆(手动)
适合人群普通用户/新手高级用户/追求完美体验者

快速开始:Tampermonkey脚本版(5分钟搞定)

如果你想要最简单快捷的体验,这是最佳选择:

  1. 安装脚本管理器:在浏览器中安装Tampermonkey扩展
  2. 获取用户脚本:安装Bilibili-Old脚本
  3. 立即生效:打开任意B站页面,右下角会出现设置齿轮图标

优点

  • 无需重启浏览器
  • 安装简单快捷
  • 更新方便

完整体验:Chrome扩展版(功能最强大)

如果你追求最稳定的体验和最完整的功能,推荐使用Chrome扩展版本:

git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old cd Bilibili-Old
  1. 下载项目文件:克隆仓库到本地
  2. 加载扩展程序:在Chrome扩展页面开启开发者模式
  3. 选择解压目录:加载项目中的chrome文件夹作为扩展
  4. 个性化设置:点击扩展图标进入详细配置选项

经典的小电视眨眼动画,带你回到B站的美好时光

核心功能深度解析:不只是界面恢复

智能页面转换系统

Bilibili-Old采用先进的页面检测技术,能够智能识别并转换各类B站页面:

  • 主页恢复:将复杂的新版瀑布流还原为经典的网格布局
  • 视频页面:恢复标志性的小电视播放器和传统评论区样式
  • 番剧支持:完美兼容bangumi旧版界面,追番体验更纯粹
  • 排行榜还原:找回经典的全站排行榜样式,数据一目了然

弹幕系统全面升级

谁说旧版就不能享受新功能?Bilibili-Old让你鱼与熊掌兼得:

  • protobuf弹幕支持:完美兼容最新弹幕格式,不丢失任何弹幕数据
  • 互动弹幕体验:支持高级弹幕和互动功能,观看体验更丰富
  • 本地弹幕加载:即使离线观看也能享受弹幕乐趣
  • 弹幕发送者查询:增强社区互动体验,了解弹幕背后的用户

播放器功能增强

Bilibili-Old不仅恢复旧版界面,还增加了许多实用功能:

  • 多编码支持:AVC、HEVC、AV1编码自由切换,适应不同设备
  • CC字幕支持:提升观看体验,支持多语言字幕
  • 分段进度条:精确控制播放进度,快速定位精彩片段
  • 区域限制解除:港澳台/国际版内容自由观看,打破地域限制
  • 智能自动化:自动宽屏、弹幕控制等智能优化功能

最佳配置方案:打造专属B站体验

基础设置优化指南

首次安装后,建议先体验默认设置,熟悉后再进行个性化调整:

  • 界面切换:页面右下角齿轮图标控制所有设置选项
  • 播放器选项:自动宽屏、弹幕控制等实用功能一键开启
  • 弹幕设置:调整透明度、速度、显示区域,打造最佳观看体验

高级功能配置建议

对于进阶用户,可以深入配置文件进行精细调整:

  • 弹幕配置:修改src/core/danmaku.ts中的参数
  • 播放器优化:调整src/core/player.ts的行为设置
  • API接口:查看src/io/目录下的各种接口模块

使用场景分析:什么时候使用Bilibili-Old?

场景一:怀旧观影体验 🎬

当你想要重温B站早期视频时,Bilibili-Old能提供最原汁原味的观看体验。经典的小电视播放器、简洁的页面布局,让你仿佛回到了B站的黄金时代。

场景二:高效内容消费 📚

如果你经常在B站学习或工作,简洁的旧版界面能让你更专注于内容本身,减少不必要的界面干扰,提升学习和工作效率。

场景三:跨区域内容访问 🌍

Bilibili-Old的区域限制解除功能,让你能够自由观看港澳台和国际版内容,打破地域限制,享受更丰富的内容资源。

场景四:开发者学习参考 💻

对于前端开发者来说,Bilibili-Old的源码是学习浏览器扩展开发、页面重构技术、API接口处理的优秀范例。

常见问题解答:遇到问题怎么办?

Q:安装后页面会闪一下新版界面?

A:这是正常现象!Bilibili-Old需要在页面加载完成后执行转换,短暂的新版界面闪现后就会恢复经典样式。如果长时间停留在新版界面,请尝试刷新页面。

Q:某些功能无法正常使用?

A:部分B站API可能已失效,项目会持续寻找替代方案。建议:

  1. 检查是否为已知问题
  2. 尝试刷新页面重新加载
  3. 查看项目更新日志获取最新修复

Q:扩展版如何更新?

A:由于未上架官方商店,需要手动更新:

  1. 重新下载最新构建包
  2. 解压覆盖原有文件
  3. 重启Chrome浏览器

Q:支持其他浏览器吗?

A:目前主要支持Chrome及基于Chromium的浏览器。Firefox用户可尝试Tampermonkey脚本版本,但功能可能有所限制。

技术架构亮点:深入了解实现原理

模块化设计架构

Bilibili-Old采用清晰的模块化设计,主要目录结构包括:

Bilibili-Old/ ├── chrome/ # Chrome扩展版本 ├── src/ # 核心源代码 │ ├── core/ # 核心功能模块 │ ├── io/ # API接口处理 │ ├── page/ # 页面转换逻辑 │ └── utils/ # 工具函数 ├── tampermonkey/ # 用户脚本版本

核心模块功能详解

  • 页面转换系统:智能识别并恢复各类B站页面,包括主页、视频页、番剧页等
  • 弹幕处理引擎:支持多种弹幕格式和功能,确保弹幕体验完整
  • 播放器增强:在经典界面基础上增加现代功能,提升观看体验
  • API适配层:处理B站接口变化,确保项目长期兼容性

关键技术实现

  • Manifest V3支持:采用最新的Chrome扩展标准
  • TypeScript开发:提供更好的类型安全和开发体验
  • 模块化设计:便于维护和扩展新功能

与其他方案的对比分析

Bilibili-Old vs 浏览器样式插件

对比维度Bilibili-Old普通样式插件
功能完整性⭐⭐⭐⭐⭐(完整页面恢复)⭐⭐☆☆☆(仅样式修改)
弹幕支持⭐⭐⭐⭐⭐(全格式支持)⭐⭐☆☆☆(有限支持)
播放器功能⭐⭐⭐⭐⭐(增强功能)⭐⭐☆☆☆(基础功能)
更新维护⭐⭐⭐⭐⭐(持续更新)⭐⭐☆☆☆(可能停止)
兼容性⭐⭐⭐⭐⭐(高兼容性)⭐⭐⭐☆☆(可能冲突)

Bilibili-Old vs 官方旧版界面

对比维度Bilibili-Old官方旧版
可用性⭐⭐⭐⭐⭐(持续可用)⭐☆☆☆☆(已停用)
功能增强⭐⭐⭐⭐⭐(现代功能集成)⭐⭐⭐☆☆(原始功能)
弹幕体验⭐⭐⭐⭐⭐(新格式支持)⭐⭐☆☆☆(仅旧格式)
区域限制⭐⭐⭐⭐⭐(可解除)⭐☆☆☆☆(严格限制)
自定义程度⭐⭐⭐⭐⭐(高度可配置)⭐☆☆☆☆(固定配置)

实用技巧与快捷键指南

快捷键操作大全

  • Alt + B:快速切换新旧版界面,方便对比体验
  • Ctrl + D:下载当前视频,支持多种格式和质量
  • Ctrl + Shift + D:下载弹幕文件,保存精彩弹幕
  • F5:刷新页面,解决界面转换问题

性能优化建议

  1. 首次使用:建议保持默认设置,体验原汁原味的经典界面
  2. 进阶调整:可参考配置模块中的配置文件进行微调
  3. 开发者模式:查看核心模块下的代码进行二次开发

最佳实践

  1. 定期更新:关注项目更新,获取最新功能和修复
  2. 备份配置:导出你的个性化设置,避免重装后重新配置
  3. 参与社区:在项目讨论区分享你的使用经验和建议

立即行动:开启你的怀旧之旅

Bilibili-Old不仅仅是一个技术项目,它承载着无数B站用户的共同记忆。无论你是2013年的老用户,还是刚刚接触B站的新人,这个项目都能让你体验B站发展历程中的经典时刻。

现在就开始,选择适合你的安装方式,让经典界面重现,让美好回忆延续。每一次打开B站,都是对过去的致敬,也是对未来的期待。

三种入门路径选择

  1. 快速体验:使用Tampermonkey脚本版,5分钟即可开始
  2. 完整功能:安装Chrome扩展版,享受最完整的体验
  3. 开发者模式:克隆源码,自定义修改,打造专属版本

项目资源获取

  • 源码仓库:https://gitcode.com/gh_mirrors/bi/Bilibili-Old
  • 在线脚本:通过Tampermonkey脚本管理器安装
  • 构建版本:从项目Actions页面下载最新构建

让经典永不褪色,让体验更加纯粹。Bilibili-Old,为每一个热爱简洁的你准备。

Bilibili-Old项目图标:经典小电视设计,承载着无数用户的回忆与情怀

最后提醒:Bilibili-Old是开源项目,如果你在使用过程中遇到问题或有改进建议,欢迎参与项目讨论和贡献。让我们一起维护这个承载着无数人回忆的项目,让经典界面永远陪伴着每一位B站用户。

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

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/17 12:06:10

如何快速掌握yuzu模拟器:从安装到精通Switch游戏的完整指南

如何快速掌握yuzu模拟器:从安装到精通Switch游戏的完整指南 【免费下载链接】yuzu 任天堂 Switch 模拟器 项目地址: https://gitcode.com/GitHub_Trending/yu/yuzu 想象一下,在电脑上流畅运行《塞尔达传说:旷野之息》这样的Switch独占…

作者头像 李华
网站建设 2026/7/17 12:05:32

江西省抚州市临川区学墅壹号五层别墅电梯落地:邻居+设计师双重转介绍,香槟金封闭式钢构家用电梯定制交付

在江西省抚州市临川区,楼梯中间加装是别墅家用电梯的主流方案,不少业主为控制装修预算,会选择自主采购材料、安排施工队伍搭建钢结构井道,但缺乏专业技术指导时,容易出现焊接不规范、垂直度偏差、空间规划不合理等问题…

作者头像 李华
网站建设 2026/7/17 12:03:39

AcFunDown:开源免费的A站视频离线神器,一键保存你的专属收藏

AcFunDown:开源免费的A站视频离线神器,一键保存你的专属收藏 【免费下载链接】AcFunDown 包含PC端UI界面的A站 视频下载器。支持收藏夹、UP主视频批量下载 😳仅供交流学习使用喔 项目地址: https://gitcode.com/gh_mirrors/ac/AcFunDown …

作者头像 李华
网站建设 2026/7/17 12:03:32

嵌入式开发工具链配置与优化指南

1. 嵌入式开发工具链全景解析嵌入式开发与传统软件开发最大的区别在于其"软硬结合"的特性。一套完整的嵌入式开发环境需要包含从代码编写到硬件调试的全套工具链。根据开发阶段的不同,我们可以将工具分为以下几类:开发主机环境:这是…

作者头像 李华
网站建设 2026/7/17 12:02:26

Servest CORS配置指南:跨域资源共享的完整解决方案

Servest CORS配置指南:跨域资源共享的完整解决方案 【免费下载链接】servest 🌾A progressive http server for Deno🌾 项目地址: https://gitcode.com/gh_mirrors/se/servest Servest作为Deno生态中一个渐进式的HTTP服务器框架&#…

作者头像 李华