news 2026/4/30 23:19:30

如何一键恢复B站经典界面?Bilibili-Old终极使用指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何一键恢复B站经典界面?Bilibili-Old终极使用指南

还在为B站新版界面感到不适应吗?Bilibili-Old项目能够帮你快速找回那个熟悉的旧版界面,让怀旧情怀在指尖重现。这款完全免费的工具通过简洁的安装流程,让你轻松享受经典B站的纯粹体验。

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

💔 新版界面带来的困扰

许多老用户发现,B站界面更新后出现了这些问题:

  • 操作复杂化:原本简单的功能被分散到多个层级
  • 界面元素臃肿:过多的视觉效果干扰了内容浏览
  • 导航不直观:新的菜单结构让人难以快速找到想要的内容
  • 播放器变化:熟悉的控制方式被重新设计

🎯 Bilibili-Old解决方案概览

Bilibili-Old项目通过技术手段完美解决了上述问题,主要功能包括:

功能模块恢复效果核心文件位置
播放器界面经典控制栏布局src/core/player.ts
弹幕系统传统显示样式src/core/danmaku.ts
页面导航旧版菜单结构src/page/目录
界面主题经典配色方案src/css/目录

🚀 快速上手:两种安装方案对比

方案一:浏览器扩展版(推荐新手)

安装步骤:

  1. 获取项目文件

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

    • 打开Chrome浏览器,访问chrome://extensions/
    • 开启"开发者模式"开关
    • 点击"加载已解压的扩展程序"
    • 选择项目中的chrome文件夹
  3. 确认安装成功

    • 浏览器工具栏会出现Bilibili-Old图标
    • 访问B站网站时自动激活旧版界面

方案二:用户脚本版(适合进阶用户)

如果你已经使用Tampermonkey脚本管理器:

  1. 安装脚本管理器(如未安装)
  2. 导入脚本文件tampermonkey/main.user.js
  3. 启用脚本并在B站页面上使用

图:Bilibili-Old的加载动画,体现复古简约风格

🔧 核心功能深度体验

播放器全面恢复

旧版播放器的回归是Bilibili-Old的核心亮点:

  • 经典控制栏:熟悉的播放/暂停、进度条、音量控制
  • 画质选择:直观的视频清晰度切换
  • 全屏体验:优化的全屏播放效果

相关配置文件位于src/core/player.tssrc/core/video-info.ts,无需手动修改即可享受完整功能。

弹幕系统优化

B站的灵魂——弹幕系统也得到完美恢复:

  • 传统显示样式:经典的弹幕字体和颜色
  • 流畅的滚动效果:优化的弹幕运动轨迹
  • 丰富的设置选项:透明度、速度、字体大小调节

界面布局重构

通过src/page/目录下的页面模块,整个B站的界面结构都回到了从前:

  • 导航菜单:直观的顶部导航栏
  • 内容区域:清晰的页面分区
  • 交互元素:熟悉的按钮和链接样式

🔍 常见问题快速排查

问题一:安装后界面无变化

解决方案:

  • 清除浏览器缓存(Ctrl+Shift+Delete)
  • 重启浏览器并重新加载页面
  • 确认扩展/脚本处于启用状态

问题二:弹幕显示异常

排查步骤:

  1. 检查网络连接状态
  2. 查看弹幕相关配置文件
  3. 重置弹幕设置选项

问题三:部分页面功能失效

处理方法:

  • 更新到最新版本
  • 检查相关功能模块状态

⚙️ 个性化进阶设置

主题颜色定制

想要打造专属的怀旧风格?可以通过编辑src/css/目录下的CSS文件来实现:

  • 主色调调整:修改界面主要颜色
  • 背景样式:自定义页面背景效果
  • 字体优化:调整文字显示样式

快捷键自定义

src/core/key-shortcut.ts文件中,你可以:

  • 设置常用操作的快捷键
  • 优化操作流程
  • 提升使用效率

💡 使用技巧与最佳实践

浏览器兼容性指南

  • Chrome浏览器:完全支持,推荐使用
  • Edge浏览器:完美兼容,安装方式相同
  • Firefox浏览器:需要安装相应扩展版本

性能优化建议

为了获得最佳使用体验:

  • 定期清理浏览器缓存
  • 关注项目更新通知
  • 及时安装最新版本

🎉 总结与行动号召

Bilibili-Old让找回经典B站界面变得前所未有的简单。无论你是怀念青春记忆的老用户,还是偏爱简洁操作的新用户,这款工具都能满足你的需求。

立即行动:

  1. 选择适合你的安装方案
  2. 按照步骤完成安装
  3. 重新访问B站享受怀旧体验

只需要几分钟的时间,你就能重新拥抱那个充满回忆的B站界面。现在就动手尝试,让经典重现!

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

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

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

i2s音频接口学习路线图:零基础到能动手的全过程

从零开始搞懂 i2s 音频接口:手把手带你打通嵌入式音频开发的“任督二脉” 你有没有遇到过这种情况?想做个语音识别小车,结果麦克风录出来的声音全是杂音;或者给树莓派接了个DAC播放音乐,左耳响右耳不响……这些问题&am…

作者头像 李华
网站建设 2026/4/22 13:30:28

Beyond Compare 5永久授权密钥本地生成技术详解

Beyond Compare 5永久授权密钥本地生成技术详解 【免费下载链接】BCompare_Keygen Keygen for BCompare 5 项目地址: https://gitcode.com/gh_mirrors/bc/BCompare_Keygen 还在为Beyond Compare 5的试用期限制而困扰吗?想要在本地环境中生成符合标准的注册密…

作者头像 李华
网站建设 2026/4/29 21:52:30

DroidCam OBS Plugin:零成本实现手机摄像头替代方案

DroidCam OBS Plugin:零成本实现手机摄像头替代方案 【免费下载链接】droidcam-obs-plugin DroidCam OBS Source 项目地址: https://gitcode.com/gh_mirrors/dr/droidcam-obs-plugin 想要用手机的高清摄像头替代昂贵的专业摄像设备吗?DroidCam OB…

作者头像 李华
网站建设 2026/4/23 10:28:55

快速理解ESP32与阿里云MQTT在智能照明中的集成

从零构建一个能“说话”的灯:ESP32 阿里云MQTT 智能照明实战解析你有没有想过,家里的那盏普通吸顶灯,其实可以听懂手机指令、记住你的使用习惯,甚至在你回家前自动亮起?这并不是科幻电影的桥段,而是今天用…

作者头像 李华
网站建设 2026/4/17 17:44:55

解决KeilC51和MDK冲突:联合安装的实战解决方案

如何优雅地让 Keil C51 与 MDK 和平共处?实战避坑指南 你有没有遇到过这样的场景:手头同时在做一款基于 STC89C52 的老式仪表板,又要开发一个 STM32F407 的工业网关?前者离不开经典的 Keil C51 ,后者必须用上现代的…

作者头像 李华
网站建设 2026/4/17 6:55:35

WinAsar:图形化ASAR文件处理工具完整指南

WinAsar:图形化ASAR文件处理工具完整指南 【免费下载链接】WinAsar 项目地址: https://gitcode.com/gh_mirrors/wi/WinAsar 还在为Electron应用的asar文件管理而头痛吗?复杂的命令行操作、难以理解的归档结构、繁琐的解压打包流程,这…

作者头像 李华