【指南】BewlyBewly：重新定义你的B站浏览体验
【免费下载链接】BewlyBewlyImprove your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)项目地址: https://gitcode.com/gh_mirrors/bew/BewlyBewly
一、项目速览
1.1 关于BewlyBewly
BewlyBewly是一款专为B站用户打造的浏览器扩展，旨在通过界面重构、功能增强和个性化定制，为你带来更优质的视频浏览体验。该项目灵感源自YouTube、Vision OS及iOS的设计理念，致力于打造美观且易用的B站辅助工具。支持简体中文、繁体中文和广东话等多种语言版本，满足不同用户的使用需求。
1.2 核心技术亮点
- TypeScript + JavaScript：采用TypeScript增强代码类型安全，同时兼容JavaScript生态，确保开发效率与代码质量
- Vite：使用Vite作为前端构建工具，提供快速的开发服务器和高效的构建流程，提升开发体验
- Vue.js生态：基于vitesse-webext模板开发，充分利用Vue.js的组件化特性构建用户界面
- 多语言支持：通过国际化配置实现多语言界面，满足不同地区用户的使用习惯
二、核心特性
2.1 界面重设计
- 采用现代化UI设计，优化页面布局和视觉效果
- 提供多种主题选择，支持浅色/深色模式切换
- 自定义界面元素，打造个性化浏览环境
2.2 功能增强
- 视频推荐算法优化，提供更精准的内容推荐
- 增强的搜索功能，支持历史记录和热门搜索
- 添加视频收藏、稍后观看等实用功能
2.3 个性化定制
- 可自定义首页布局和内容模块
- 支持快捷键操作，提升浏览效率
- 提供丰富的设置选项，满足个性化需求
三、安装指南
3.1 安装渠道选择
💡推荐安装方式：通过浏览器应用商店安装
- Chrome/Edge用户：访问浏览器应用商店搜索"BewlyBewly"进行安装
- Firefox用户：在Firefox附加组件商店中搜索并安装扩展
3.2 手动安装步骤（高级用户）
- 克隆项目仓库：执行命令
git clone https://gitcode.com/gh_mirrors/bew/BewlyBewly - 安装依赖：进入项目目录，执行
npm install - 构建项目：运行
npm run build生成扩展文件 - 浏览器加载：在浏览器扩展管理页面启用"开发者模式"，选择"加载已解压的扩展程序"，指向构建后的
dist目录
3.3 权限设置
🔍权限用途对照表
| 权限名称 | 用途说明 |
|---|---|
| 访问网站数据 | 用于获取和优化B站页面内容 |
| 存储权限 | 保存用户设置和偏好配置 |
| 通知权限 | 推送新视频和消息通知 |
| 标签页权限 | 管理扩展相关的浏览器标签页 |
四、问题诊断
4.1 页面显示异常
症状
扩展安装后，B站页面显示不正常或功能未生效
排查步骤
- 检查扩展是否启用：确认BewlyBewly已在浏览器扩展管理中启用
- 验证版本兼容性：确保使用的扩展版本与浏览器版本兼容
- 查看浏览器控制台：按F12打开开发者工具，检查是否有错误信息
解决方案
- 更新扩展：在应用商店检查是否有最新版本并更新
- 清除缓存：清除浏览器缓存和Cookie后重新加载页面
- 禁用冲突扩展：暂时禁用其他可能冲突的浏览器扩展
进阶方案
- 尝试在无痕模式下使用扩展，排除本地配置问题
- 重新安装扩展，确保安装过程无错误
4.2 功能无法使用
症状
部分功能按钮点击无反应或功能未按预期工作
排查步骤
- 检查权限设置：确认已授予扩展所需的所有权限
- 查看网络连接：确保网络连接正常，可访问B站服务器
- 检查扩展日志：通过扩展管理页面查看扩展运行日志
解决方案
- 重新授权权限：在浏览器扩展设置中重新授权所需权限
- 重启浏览器：关闭并重新打开浏览器，确保扩展正确加载
- 恢复默认设置：在扩展设置中选择"恢复默认设置"
进阶方案
- 导出用户配置后卸载并重新安装扩展
- 查看项目文档或提交issue获取技术支持
社区支持渠道
- 项目文档：docs/
- 问题反馈：通过项目仓库的issue系统提交问题
- 讨论交流：参与项目社区讨论，分享使用经验和建议
通过以上指南，你应该能够顺利安装和使用BewlyBewly扩展，提升你的B站浏览体验。如有其他问题，欢迎通过社区渠道获取帮助。
【免费下载链接】BewlyBewlyImprove your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)项目地址: https://gitcode.com/gh_mirrors/bew/BewlyBewly
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
