news 2026/2/4 8:18: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

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

浏览器扩展版:最便捷的新手方案

这种方案安装简单,功能稳定,适合大多数用户:

  1. 下载项目文件:访问项目仓库,使用git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old命令获取完整代码
  2. 解压文件:将下载的压缩包解压到任意文件夹
  3. 安装扩展
    • 打开Chrome浏览器,输入chrome://extensions/
    • 开启右上角"开发者模式"
    • 点击"加载已解压的扩展程序"
    • 选择解压后的chrome文件夹

安装完成后,浏览器工具栏会出现Bilibili-Old图标,点击即可访问设置界面。

用户脚本版:适合进阶用户

如果你已经使用Tampermonkey等脚本管理器,这个方案更适合:

  1. 安装脚本管理器:在浏览器中安装Tampermonkey插件
  2. 导入脚本:打开项目中的tampermonkey/main.user.js文件
  3. 启用脚本:在Tampermonkey管理界面中启用Bilibili-Old脚本

⚡ 核心功能配置指南

播放器经典布局恢复

旧版播放器是很多人最怀念的部分,配置路径包括:

  • 播放器控制:src/core/player.ts
  • 视频画质选择:src/core/video-info.ts

弹幕系统优化设置

经典弹幕体验是B站特色,相关配置位于:

  • 弹幕显示:src/core/danmaku.ts
  • 弹幕样式:src/css/ 目录下的样式文件

界面导航结构调整

想要完全还原旧版导航和页面结构,可以查看:

  • 页面组件:src/page/ 目录中的各个页面模块
  • UI元素:src/core/ui.ts 主控制文件

🛠️ 常见问题快速排查

安装后界面无变化怎么办?

解决方案

  1. 清除浏览器缓存(快捷键 Ctrl+Shift+Delete)
  2. 重启浏览器并确认扩展/脚本已启用
  3. 检查页面加载监控:src/core/observer.ts

弹幕显示异常处理

排查步骤

  1. 检查弹幕配置文件:danmaku/ 目录
  2. 重置弹幕设置选项
  3. 查看网络请求状态:src/core/network-mock.ts

部分功能失效应对方案

处理流程

  1. 更新到最新版本
  2. 检查B站页面更新情况
  3. 查看功能模块:src/core/ 目录下的相关文件

📝 个性化定制技巧

主题颜色自定义

通过编辑 src/css/ 目录下的CSS文件,可以改变界面配色方案,打造专属的怀旧风格。

快捷键操作增强

在 src/core/shortcut-key.ts 文件中,你可以自定义快捷键,让操作更加便捷高效。

下载功能优化配置

如果需要使用视频下载功能,可以配置 src/core/download.ts 文件中的相关参数。

💡 使用建议与优化

浏览器兼容性说明

  • Chrome浏览器:完全支持
  • Edge浏览器:完美兼容
  • Firefox浏览器:需要安装相应扩展

性能优化提示

为了获得最佳体验,建议:

  1. 定期清理浏览器缓存
  2. 及时更新扩展/脚本版本
  3. 关注项目更新通知

🎯 总结:让经典重现

Bilibili-Old项目让经典B站界面重现变得如此简单。无论是想找回青春记忆,还是偏爱简洁高效的操作体验,这款工具都能满足你的需求。安装过程只需要几分钟,却能带来长久的怀旧享受。

现在就动手尝试,让那个充满回忆的B站重新回到你的浏览器中吧!

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

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

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

LFM2-350M-Math:小模型如何攻克数学难题?

导语:Liquid AI推出的LFM2-350M-Math模型,以仅3.5亿参数的"轻量级"身材,挑战并突破了数学推理领域对大模型的依赖,为边缘设备部署高性能AI推理能力开辟了新路径。 【免费下载链接】LFM2-350M-Math 项目地址: https:/…

作者头像 李华
网站建设 2026/2/3 21:55:18

Arduino下载安装教程:Windows防火墙设置避坑指南

Arduino开发环境搭建避坑实录:Windows防火墙为何会“封杀”你的上传操作? 你有没有遇到过这种情况—— Arduino板子插上了,驱动也装了,代码写得没问题,可就是点不了“上传”。 进度条卡在“正在上传……”几秒后&am…

作者头像 李华
网站建设 2026/2/2 14:10:03

使用PaddlePaddle进行语音识别:Conformer模型实战案例

使用PaddlePaddle进行语音识别:Conformer模型实战案例 在智能语音交互日益普及的今天,从车载助手到会议转录系统,准确、高效的中文语音识别已成为许多产品的核心能力。然而,传统语音识别系统依赖复杂的声学模型、发音词典和语言模…

作者头像 李华
网站建设 2026/2/4 3:50:31

PaddlePaddle视频理解模型ActionNet实战教学

PaddlePaddle视频理解模型ActionNet实战教学 在智能监控系统中,我们常常面临这样的问题:摄像头拍到了一段画面——一个人突然倒地,但系统却无法判断这是“坐下”还是“摔倒”。传统方法依赖人工设定规则或简单图像比对,难以捕捉动…

作者头像 李华
网站建设 2026/2/2 18:34:28

WebSailor:开源AI智能导航新突破

WebSailor:开源AI智能导航新突破 【免费下载链接】WebSailor-3B 项目地址: https://ai.gitcode.com/hf_mirrors/Alibaba-NLP/WebSailor-3B 阿里巴巴自然语言处理团队(Alibaba-NLP)近日推出WebSailor,这一创新的后训练方法…

作者头像 李华
网站建设 2026/2/3 11:35:26

Navicat密码恢复技术:3步解锁遗忘的数据库连接

Navicat密码恢复技术:3步解锁遗忘的数据库连接 【免费下载链接】navicat_password_decrypt 忘记navicat密码时,此工具可以帮您查看密码 项目地址: https://gitcode.com/gh_mirrors/na/navicat_password_decrypt 在数据库管理工作中,Navicat作为广…

作者头像 李华