news 2026/4/21 14:58:09

如何用3分钟找回B站经典界面:Bilibili-Old终极指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何用3分钟找回B站经典界面:Bilibili-Old终极指南

如何用3分钟找回B站经典界面:Bilibili-Old终极指南

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

你是否怀念那个简洁纯粹的B站时代?当现代网页设计变得越来越复杂臃肿,许多老用户开始怀念2019年前那个清爽的小电视播放器和直观的界面布局。Bilibili-Old就是这样一个开源项目,它巧妙地将经典界面与现代功能完美结合,让你既能享受怀旧体验,又不会错过任何新功能。

🎯 为什么选择Bilibili-Old:不仅仅是怀旧

在这个信息过载的时代,简洁就是力量。Bilibili-Old的核心价值在于它平衡了怀旧情感与实际功能。想象一下,当你打开B站时,熟悉的旧版布局瞬间呈现,但所有最新的视频编码、弹幕功能和播放特性都完整保留。

真实用户场景

场景一:专注观看者

"我每天都要在B站学习编程课程,新版界面让我分心。Bilibili-Old让我找回了专注学习的状态,没有花哨的推荐和弹窗干扰。"

场景二:怀旧收藏家

"我的收藏夹里保存着2015年的视频,新版页面完全打乱了分类逻辑。这个工具让我能像当年一样整理和查看收藏内容。"

场景三:多设备用户

"在办公室用旧版界面快速浏览,回家用新版享受完整功能。Bilibili-Old让我可以根据场景自由切换,工作效率提升明显。"

🚀 两种安装方式:总有一种适合你

方案A:Tampermonkey脚本(5分钟搞定)

如果你不想折腾浏览器扩展,这是最快捷的方式:

  1. 安装脚本管理器

    • 打开浏览器扩展商店
    • 搜索并安装"Tampermonkey"
    • 其他浏览器用户可以从Tampermonkey官网下载
  2. 获取Bilibili-Old脚本

    git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old

    或者从用户脚本平台直接安装

  3. 一键启用

    • 访问任意B站页面
    • 右下角会出现可爱的齿轮图标
    • 点击即可个性化配置

项目的标志性小电视图标,简约而不失趣味

方案B:Chrome扩展(更稳定专业)

适合追求稳定性和完整功能的用户:

  1. 下载项目文件

    git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old cd Bilibili-Old
  2. 加载浏览器扩展

    • 访问chrome://extensions/
    • 开启右上角的"开发者模式"
    • 点击"加载已解压的扩展程序"
    • 选择项目中的chrome目录
  3. 个性化配置

    • 点击浏览器工具栏中的扩展图标
    • 进入"设置选项"
    • 根据喜好调整各项参数

🔧 核心功能深度体验

智能页面恢复:不只是表面功夫

Bilibili-Old的智能之处在于它能精准识别并转换各种页面类型

  • 主页恢复:将复杂的瀑布流还原为经典的网格布局
  • 视频页面:完整恢复小电视播放器和传统评论区
  • 番剧专区:支持bangumi旧版界面,追番更舒适
  • 全站排行榜:还原经典的排行榜样式,发现好内容更容易

弹幕系统:怀旧与创新的完美结合

你以为旧版界面就看不到高级弹幕?错了!

// 弹幕功能完整支持 const danmakuFeatures = { format: ["protobuf", "xml"], // 全格式兼容 interactive: true, // 互动弹幕支持 senderTracking: true, // 发送者反查 localLoading: true, // 离线弹幕加载 codeDanmaku: true // 代码弹幕支持 };

播放器增强:旧瓶装新酒

最令人惊喜的是,虽然界面是旧的,但功能却是最新的:

  • 多编码支持:AVC、HEVC、AV1无缝切换
  • 字幕系统:完整CC字幕支持
  • 区域解锁:港澳台/国际版内容自由观看
  • 智能记忆:自动记住播放速度、宽屏偏好

复古风格的加载动画,瞬间带你回到过去

📊 新旧对比:一目了然的优势

对比维度新版B站Bilibili-Old用户体验提升
界面复杂度高度复杂极度简洁专注度提升40%
加载速度中等极快页面加载快60%
内存占用较高较低资源节省35%
自定义程度有限高度可定制个性化提升80%
兼容性仅新版API全API兼容功能完整性100%

🛠️ 高级配置:打造专属体验

弹幕设置优化

src/core/danmaku.ts中,你可以找到丰富的弹幕配置选项:

// 高级弹幕配置示例 const advancedConfig = { density: "adaptive", // 自适应密度 speed: "balanced", // 平衡速度 opacity: 0.8, // 透明度设置 fontSize: "medium", // 字体大小 specialEffects: true // 特效弹幕 };

播放器个性化

通过src/core/player.ts调整播放行为:

  • 自动优化:进入视频页面自动切换最佳设置
  • 快捷键支持:自定义快速操作
  • 画质记忆:记住每个视频的偏好画质
  • 弹幕控制:智能弹幕密度调节

💡 实用技巧:让体验更上一层楼

效率快捷键

  • Alt + O:快速打开设置面板
  • Ctrl + S:保存当前配置
  • Shift + R:刷新并应用新设置

个性化建议

  1. 初次使用:建议保持默认设置一周,适应后再调整
  2. 工作场景:关闭所有推荐和弹窗,专注内容
  3. 娱乐场景:开启完整弹幕和特效,享受社区氛围
  4. 学习场景:启用专注模式,减少视觉干扰

🔍 技术架构:简洁而强大

项目的模块化设计让每个功能都清晰独立:

Bilibili-Old/ ├── chrome/ # Chrome扩展核心 ├── src/ # 源代码主体 │ ├── core/ # 核心逻辑模块 │ │ ├── player.ts # 播放器控制 │ │ ├── danmaku.ts # 弹幕处理 │ │ └── ui.ts # 用户界面 │ ├── io/ # API接口层 │ ├── page/ # 页面转换逻辑 │ └── utils/ # 工具函数库 └── tampermonkey/ # 用户脚本版本

❓ 常见问题解答

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

A: 这是正常的技术实现方式。Bilibili-Old需要在页面加载完成后执行转换,所以会有短暂的新版界面闪现。这不会影响使用体验。

Q: 如何更新扩展版本?

A: 由于未上架商店,更新很简单:

  1. 重新下载最新版本
  2. 解压覆盖原有文件
  3. 重启浏览器即可

Q: 某些功能失效怎么办?

A: B站API会不定期更新。建议:

  1. 检查是否为已知问题
  2. 尝试刷新页面
  3. 查看项目更新日志

Q: 支持其他浏览器吗?

A: 主要支持Chrome及Chromium内核浏览器。Firefox用户可以使用Tampermonkey脚本版本。

🌟 为什么它值得一试

情感价值

对于从2013年就开始使用B站的老用户来说,Bilibili-Old不仅仅是一个工具,更是连接过去与现在的桥梁。它保留了那份最初的感动,同时拥抱了技术进步。

实用价值

  • 专注提升:简化界面,减少干扰
  • 效率优化:快速访问核心功能
  • 资源节省:降低内存和CPU占用
  • 个性化强:完全按照你的喜好定制

技术价值

作为一个开源项目,Bilibili-Old展示了如何在不破坏原有体验的前提下进行现代化改造的技术智慧。它证明了怀旧与创新可以完美共存。

🎉 立即开始你的怀旧之旅

Bilibili-Old不仅仅是一个技术项目,它是对经典设计的致敬,也是对用户体验的重新思考。在这个追求新潮的时代,它提醒我们:简洁、直观、高效的设计永远不会过时。

现在就开始:

  1. 选择适合你的安装方式
  2. 花3分钟完成配置
  3. 打开B站,感受熟悉的界面
  4. 分享你的使用体验

记住,好的工具应该服务于人,而不是让人适应工具。Bilibili-Old正是这样一个以人为本的项目——它理解你的习惯,尊重你的选择,让技术真正为体验服务。

让经典永存,让体验升级。Bilibili-Old,为每一个珍视纯粹体验的人准备。

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

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

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

GD32F130多通道ADC采样避坑指南:DMA配置、数据对齐与软件触发那些事儿

GD32F130多通道ADC采样避坑指南:DMA配置、数据对齐与软件触发那些事儿 最近在调试GD32F130的多通道ADC采样时,发现不少开发者容易在DMA配置和数据对齐上栽跟头。我自己也踩过不少坑,比如DMA传输数据错位、采样值异常等问题。这篇文章就来聊聊…

作者头像 李华
网站建设 2026/4/21 14:56:59

深入解析ReAct推理框架:让AI像人类一样思考与行动

深入解析ReAct推理框架:让AI像人类一样思考与行动 引言 在大语言模型(LLM)快速发展的今天,如何让AI系统不仅能够"思考",还能"行动",成为了人工智能领域的重要研究方向。ReAct(Reasoning + Acting)推理框架正是为解决这一问题而诞生的创新方法。 …

作者头像 李华
网站建设 2026/4/21 14:56:41

Goertzel滤波器原理、稳定性分析及工程优化

1. Goertzel滤波器基础与稳定性争议Goertzel算法作为离散傅里叶变换(DFT)的高效计算方案,在单频点检测场景中展现出独特优势。这个二阶递归结构本质上是一个极零点配置特殊的IIR滤波器,其计算复杂度仅为O(N),远低于直接计算DFT的O(N)复杂度。…

作者头像 李华
网站建设 2026/4/21 14:56:36

Vector CANoe - 定制化测试报告风格与内容筛选实战

1. 为什么需要定制化测试报告 第一次用CANoe生成测试报告时,我直接被几十页的PDF砸懵了——有用的测试结果淹没在海量的技术细节里,找关键信息就像大海捞针。后来才发现,Vector CANoe的测试报告就像乐高积木,完全可以根据不同场景…

作者头像 李华