3
0
0

BewlyCat:Bilibili 网页端界面增强浏览器扩展

文章摘要
|
BewlyCat:Bilibili-网页端界面增强浏览器扩展-cover.png

1. 项目简介

BewlyCat 是一款专注优化 Bilibili 网页版体验的开源浏览器扩展,项目 fork 自已经停止维护的 BewlyBewly,在原有设计基础上持续适配 B 站网页端的接口、分区结构变动,同时合并其他同类插件的实用功能。扩展会对 B 站网页 DOM 进行重渲染,采用圆角、Dock 侧边栏、新顶栏等现代化 UI,把拥挤的原生页面改造得更加清爽。项目使用 MIT 开源协议,完全免费,不会收集用户个人数据,配置支持浏览器同步存储。

仓库地址:https://github.com/keleus/BewlyCat

2. 核心技术栈

项目属于 WebExtension 浏览器插件,使用现代前端技术开发。

主要依赖组件:

  • Vue3:组件化 UI 渲染,重绘 B 站页面布局

  • Vite:项目构建工具,区分内容脚本、后台脚本注入

  • Pinia:管理扩展全局状态、用户配置

  • UnoCSS:原子化 CSS,构建自定义样式

  • webextension‑polyfill:浏览器 API 兼容层,跨浏览器适配

  • TypeScript:完整类型约束,提升代码可维护性

  • Browser Extension API:存储、后台 Service‑Worker、脚本注入能力

3. 主要功能特性

3.1 界面视觉全面重制

  • 全新首页布局:卡片式视频流,参考 Vision OS、YouTube 设计风格,大量圆角卡片;

  • Dock 侧边栏:常驻侧边导航,快速切换分区、关注、番剧、历史记录;

  • 自定义壁纸,主题配色自定义;

  • 重构顶部导航栏,清理冗余元素,页面布局自由度高;

  • 可选择性关闭扩展效果,针对部分页面关闭重写,避免页面异常。

3.2 播放器增强能力

  • 记住视频播放倍速、播放器模式;

  • UP 主个性化音量均衡,可以为不同 UP 的视频设置独立音量偏移,解决投稿音量忽大忽小;

  • 播放器相关快捷键,自定义按键映射;

  • 播放页面 UI 优化调整。

3.3 评论与交互优化

  • 评论回复树状层级展示,支持折叠长回复;

  • 评论区布局美化,改善原生网页版评论阅读体验。

3.4 B 站内容辅助功能

  • 番剧时间表、追番列表快速访问;

  • 适配 B 站最新分区、接口变更,跟进官方网页改版;

  • 多语言支持:简体中文、繁体中文、英文。

3.5 扩展本身配置

  • 完整的设置面板,大量开关按需开启 / 关闭各项功能;

  • 配置支持浏览器云同步;

  • 可导出、导入配置备份。

4. 典型使用场景

  1. 网页版 B 站重度用户:改造原生拥挤的网页界面,获得更现代清爽的浏览体验;

  2. 大屏桌面端观看 B 站:Dock 侧边栏、卡片布局,更适配显示器阅读;

  3. 追求细节体验用户:UP 主独立音量、快捷键、评论树等细节功能解决网页版痛点;

  4. 浏览器扩展开发者:学习 Vue3 浏览器插件开发、网页 DOM 重写、跨浏览器兼容方案。

5. 获取与部署

可以在 Chrome 网上应用店、Edge 附加组件商店、Firefox 附加组件商店直接安装;也可以前往 GitHub Releases 下载 zip 包,开启浏览器开发者模式加载已解压扩展进行本地安装。开发者可克隆源码,使用 pnpm 安装依赖,分别编译 Chromium 系与 Firefox 版本。遵循 MIT 开源协议,可自由修改复用源代码。

6. 总结

BewlyCat 作为 BewlyBewly 的社区接替项目,持续跟进 B 站网页端迭代,把现代化 UI 与众多实用细节增强集合在浏览器扩展中。它不修改 B 站核心业务逻辑,专注于布局重绘与体验优化,零数据采集,是桌面端提升 Bilibili 网页版体验的优秀开源工具。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或者给予支持!

BewlyCat:Bilibili 网页端界面增强浏览器扩展
/archives/01a1ab88-f2db-76b9-959e-5d5282dd7766
作者
fufu大王
发布于
2026-11-05
许可协议
CC BY-NC-SA 4.0

评论