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

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. 典型使用场景
网页版 B 站重度用户:改造原生拥挤的网页界面,获得更现代清爽的浏览体验;
大屏桌面端观看 B 站:Dock 侧边栏、卡片布局,更适配显示器阅读;
追求细节体验用户:UP 主独立音量、快捷键、评论树等细节功能解决网页版痛点;
浏览器扩展开发者:学习 Vue3 浏览器插件开发、网页 DOM 重写、跨浏览器兼容方案。
5. 获取与部署
可以在 Chrome 网上应用店、Edge 附加组件商店、Firefox 附加组件商店直接安装;也可以前往 GitHub Releases 下载 zip 包,开启浏览器开发者模式加载已解压扩展进行本地安装。开发者可克隆源码,使用 pnpm 安装依赖,分别编译 Chromium 系与 Firefox 版本。遵循 MIT 开源协议,可自由修改复用源代码。
6. 总结
BewlyCat 作为 BewlyBewly 的社区接替项目,持续跟进 B 站网页端迭代,把现代化 UI 与众多实用细节增强集合在浏览器扩展中。它不修改 B 站核心业务逻辑,专注于布局重绘与体验优化,零数据采集,是桌面端提升 Bilibili 网页版体验的优秀开源工具。


