企业官网建设流程全解析

Bilibili-Old：找回你熟悉的B站界面，三步完成经典回归

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

你是否怀念那个简洁纯粹的B站界面？是否对新版复杂布局感到不适应？Bilibili-Old是一款专为怀旧用户设计的开源工具，能够帮助你恢复经典的B站界面，重新体验熟悉的操作感受。本文将为你提供全面的使用指南，从问题诊断到方案选择，再到个性化配置，让你轻松回归经典B站体验。

问题诊断：为什么你需要Bilibili-Old？

新版B站的三大痛点

导航迷失症：新版B站界面层级复杂，常用功能被深埋在多层菜单中。首页推荐算法过于个性化，导致用户难以找到自己真正感兴趣的内容分类。传统的分区导航被弱化，老用户熟悉的浏览方式不复存在。

操作习惯冲突：播放器控制栏布局改变，弹幕设置选项位置调整，评论区的交互方式也发生了变化。这些改动让习惯了旧版操作逻辑的用户需要重新学习，增加了使用成本。

视觉疲劳加剧：新版界面采用了更多的动态元素、更大的间距和更复杂的色彩搭配，长时间浏览容易造成视觉疲劳。相比之下，旧版界面更加简洁明了，信息密度更高。

目标用户群体分析

怀旧型用户：使用B站多年，对旧版界面有深厚感情，希望保持原有的使用习惯和视觉风格。

效率优先型用户：更关注内容的快速获取和高效操作，新版界面的花哨功能反而成为干扰。

配置自定义需求者：希望根据自己的使用习惯调整界面布局和功能设置，获得更个性化的浏览体验。

解决方案对比：两种安装方式的优缺点分析

浏览器扩展版：适合新手的便捷方案

浏览器扩展版提供了最直接的安装方式，特别适合对技术操作不太熟悉的普通用户。通过简单的"加载已解压的扩展程序"操作，即可完成安装。

安装步骤详解：

1. 克隆项目仓库：git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old
2. 进入chrome目录：找到项目中的chrome文件夹
3. 启用开发者模式：在Chrome浏览器中打开chrome://extensions/，开启右上角的开发者模式
4. 加载扩展：点击"加载已解压的扩展程序"，选择刚才的chrome文件夹

优势特点：

• 安装过程简单直观，无需额外工具
• 扩展图标直接显示在浏览器工具栏，设置访问方便
• 与浏览器深度集成，稳定性较好

注意事项：

• 扩展版不会自动更新，需要手动下载新版本覆盖
• 某些浏览器可能限制未上架扩展的权限

用户脚本版：适合进阶用户的灵活选择

用户脚本版基于Tampermonkey等脚本管理器运行，提供了更高的自定义能力和灵活性。

安装流程：

1. 安装Tampermonkey插件
2. 打开tampermonkey/main.user.js文件
3. 复制脚本内容到Tampermonkey的新建脚本页面
4. 保存并启用脚本

核心优势：

• 支持更复杂的自定义规则和脚本修改
• 更新相对方便，可通过脚本管理器一键更新
• 跨浏览器兼容性更好

技术要点： 用户脚本版通过修改页面DOM结构和CSS样式来实现界面恢复，其核心逻辑位于src/core/目录下的各个模块文件中。

核心功能体验：Bilibili-Old如何改变你的B站使用

播放器体验全面升级

Bilibili-Old对播放器进行了深度优化，恢复了经典的播放器布局和操作逻辑。通过修改src/core/player.ts和src/core/video-info.ts文件，实现了以下改进：

经典控制栏回归：播放、暂停、进度条、音量控制等按钮回到了熟悉的位置，操作更加直观。

画质选择优化：画质选择菜单采用经典的展开式设计，支持AVC、HEVC、AV1等多种编码格式的切换。

自动化功能增强：

• 自动展开弹幕列表
• 自动滚动到播放器位置
• 宽屏模式自动开启
• 播放速率记忆功能
• 跳过充电鸣谢

弹幕系统深度定制

弹幕是B站文化的核心，Bilibili-Old对弹幕系统进行了全面优化：

显示效果优化：通过src/core/danmaku.ts和src/css/目录下的样式文件，恢复了经典的弹幕字体、颜色和滚动效果。

功能增强：

• Protobuf弹幕格式支持
• 弹幕发送者反查功能
• 互动弹幕兼容
• 在线和本地弹幕加载
• 代码弹幕支持

弹幕池管理：解决了原生旧版播放器无法获取90分钟后弹幕池的问题，确保完整弹幕体验。

界面导航重构

Bilibili-Old恢复了经典的导航结构，让用户能够快速找到所需功能：

顶栏简化：全局替换回旧版顶栏设计，减少不必要的视觉元素干扰。

分区清晰：恢复传统的分区导航，包括动画、番剧、国创、音乐、舞蹈、游戏、知识、生活、娱乐、影视等分类。

功能入口优化：稍后再看、历史记录、收藏夹等常用功能入口位置更加合理，操作路径更短。

个性化配置指南：打造专属的B站体验

主题颜色自定义

虽然项目中没有提供现成的主题切换功能，但你可以通过修改CSS文件来自定义界面颜色：

1. 找到src/css/目录下的样式文件
2. 修改颜色变量或直接覆盖样式规则
3. 重新构建项目使修改生效

快捷键操作增强

src/core/accesskey.ts文件定义了所有的快捷键操作，你可以根据自己的使用习惯进行调整：

// 示例：修改播放/暂停快捷键 export const PLAY_PAUSE_KEY = 'Space'; // 默认为空格键

支持自定义的快捷键包括：

• 播放控制（播放/暂停、快进/快退）
• 音量调整
• 全屏切换
• 弹幕开关
• 画质切换

下载功能配置

Bilibili-Old内置了视频下载功能，相关配置位于src/core/download.ts文件中：

下载参数设置：

• 下载路径配置
• 视频格式选择（MP4、FLV等）
• 画质优先级设置
• 并发下载数量限制

下载内容选择：

• 视频文件
• 封面图片
• 弹幕文件（XML格式）
• 字幕文件（CC字幕）

常见问题快速排查

安装后界面无变化

可能原因及解决方案：

1. 浏览器缓存问题：使用Ctrl+Shift+Delete清除浏览器缓存，然后重新加载页面。

2. 扩展/脚本未启用：检查扩展管理页面或Tampermonkey管理界面，确保Bilibili-Old处于启用状态。

3. 页面加载监控异常：检查src/core/observer.ts文件是否正常工作，该文件负责监控页面加载状态。

4. 版本兼容性问题：确保使用的是最新版本，旧版本可能无法适配B站的最新页面改动。

弹幕显示异常

诊断步骤：

1. 检查弹幕配置文件：查看danmaku/目录下的XML配置文件是否正确加载。

2. 验证弹幕设置：通过设置界面重置弹幕显示选项，包括字体大小、颜色、透明度等。

3. 网络请求状态检查：src/core/network-mock.ts文件负责模拟网络请求，确保其正常工作。

4. 协议兼容性测试：确认当前页面是否支持Protobuf格式弹幕，必要时切换回XML格式。

部分功能失效

排查方法：

1. 功能模块检查：逐个检查src/core/目录下的功能模块文件，确认是否有报错。

2. API接口状态：B站可能更新了API接口，需要检查src/io/目录下的接口文件是否需要更新。

3. 页面结构变化：使用浏览器开发者工具检查页面DOM结构，确认Bilibili-Old的修改是否正确应用。

4. 控制台日志分析：打开浏览器控制台查看错误信息，根据错误提示进行针对性修复。

性能优化建议

内存管理：长时间使用后，如果感觉页面响应变慢，可以尝试以下优化：

1. 定期清理缓存：Bilibili-Old会缓存部分页面数据，定期清理可以释放内存。

2. 禁用非必要功能：在设置中关闭不需要的功能模块，减少资源占用。

3. 更新到最新版本：新版本通常包含性能优化和改进。

技术架构解析：Bilibili-Old如何工作

核心模块设计

Bilibili-Old采用模块化设计，各个功能模块相互独立又协同工作：

页面监控模块（src/core/observer.ts）：负责监控页面加载状态，在适当时机注入修改代码。

UI控制模块（src/core/ui.ts）：管理所有界面元素的显示和交互逻辑。

网络请求拦截模块（src/core/network-mock.ts）：拦截和修改B站的API请求，实现功能增强。

数据存储模块（src/core/storage.ts）：管理本地存储，保存用户设置和缓存数据。

兼容性处理机制

为了应对B站频繁的页面更新，Bilibili-Old实现了多重兼容性保障：

版本检测：自动检测B站页面版本，应用相应的修改策略。

回退机制：当某个修改失败时，自动回退到备用方案。

错误隔离：各个功能模块相互隔离，一个模块的故障不会影响其他功能。

更新维护策略

由于B站界面不断变化，Bilibili-Old需要持续更新以保持兼容性：

API接口监控：定期检查B站API接口的变化，及时更新src/io/目录下的接口文件。

页面结构分析：使用自动化工具分析B站页面结构变化，调整DOM修改策略。

用户反馈收集：通过GitHub Issues收集用户反馈，快速定位和修复问题。

使用场景推荐

适合使用Bilibili-Old的场景

长时间观看体验：如果你经常在B站观看长视频或系列内容，经典界面能提供更专注的观看环境。

多任务处理：旧版界面信息密度更高，适合在多个标签页间快速切换和浏览。

怀旧内容探索：对于喜欢浏览B站早期内容的用户，旧版界面能提供更一致的浏览体验。

教学演示场景：教师或内容创作者在进行屏幕录制时，经典界面更加简洁，减少视觉干扰。

不适合使用的情况

追求最新功能：如果你希望体验B站的所有新功能，可能需要暂时禁用Bilibili-Old。

移动端使用：Bilibili-Old主要针对桌面端浏览器，移动端体验可能有限。

特定页面需求：某些B站的特殊页面（如直播、活动页面）可能不完全兼容。

总结：找回熟悉的B站，从Bilibili-Old开始

Bilibili-Old不仅仅是一个界面恢复工具，更是对B站经典体验的致敬。通过简单的安装步骤，你就能重新获得那个简洁、高效、熟悉的B站界面。无论是浏览器扩展版还是用户脚本版，都能满足不同用户的需求。

记住，技术的进步不应以牺牲用户体验为代价。Bilibili-Old证明了，在追求新功能的同时，保留经典的设计理念和操作习惯同样重要。现在就开始你的B站怀旧之旅吧！

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