【指南】BewlyBewly：重新定义你的B站浏览体验

【指南】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 安装渠道选择

💡推荐安装方式：通过浏览器应用商店安装

1. Chrome/Edge用户：访问浏览器应用商店搜索"BewlyBewly"进行安装
2. Firefox用户：在Firefox附加组件商店中搜索并安装扩展

3.2 手动安装步骤（高级用户）

1. 克隆项目仓库：执行命令git clone https://gitcode.com/gh_mirrors/bew/BewlyBewly
2. 安装依赖：进入项目目录，执行npm install
3. 构建项目：运行npm run build生成扩展文件
4. 浏览器加载：在浏览器扩展管理页面启用"开发者模式"，选择"加载已解压的扩展程序"，指向构建后的dist目录

3.3 权限设置

🔍权限用途对照表

四、问题诊断

4.1 页面显示异常

症状

扩展安装后，B站页面显示不正常或功能未生效

排查步骤

1. 检查扩展是否启用：确认BewlyBewly已在浏览器扩展管理中启用
2. 验证版本兼容性：确保使用的扩展版本与浏览器版本兼容
3. 查看浏览器控制台：按F12打开开发者工具，检查是否有错误信息

解决方案

1. 更新扩展：在应用商店检查是否有最新版本并更新
2. 清除缓存：清除浏览器缓存和Cookie后重新加载页面
3. 禁用冲突扩展：暂时禁用其他可能冲突的浏览器扩展

进阶方案

• 尝试在无痕模式下使用扩展，排除本地配置问题
• 重新安装扩展，确保安装过程无错误

4.2 功能无法使用

症状

部分功能按钮点击无反应或功能未按预期工作

排查步骤

1. 检查权限设置：确认已授予扩展所需的所有权限
2. 查看网络连接：确保网络连接正常，可访问B站服务器
3. 检查扩展日志：通过扩展管理页面查看扩展运行日志

解决方案

1. 重新授权权限：在浏览器扩展设置中重新授权所需权限
2. 重启浏览器：关闭并重新打开浏览器，确保扩展正确加载
3. 恢复默认设置：在扩展设置中选择"恢复默认设置"

进阶方案

• 导出用户配置后卸载并重新安装扩展
• 查看项目文档或提交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