探索 BewlyBewly：BiliBili（哔哩哔哩）网页版美化 浏览器扩展
BewlyBewly：https://github.com/BewlyBewly/BewlyBewly
在当今数字化的时代，浏览器扩展成为了提升上网体验的重要工具。BewlyBewly 就是这样一款专门为哔哩哔哩（Bilibili）设计的浏览器扩展，它通过重新设计 B 站的用户界面，为用户带来了全新的视觉体验。本文将详细介绍 BewlyBewly 的特点、安装方法以及开发相关信息。
截图演示
项目概述
BewlyBewly 主要致力于对 B 站页面进行调整和优化，其设计灵感来源于 YouTube、Vision OS 和 iOS，旨在打造一个更加美观和易用的界面。不过需要注意的是，该扩展主要聚焦于页面层面的改进，而非功能和效率的提升。同时，由于效率和维护难度的问题，其黑暗模式仅适配常用页面，不常用页面则不做适配。
注意事项
关于 Safari 版本
有一款名为BLBewly的免费 BewlyBewly 扩展可在 Safari 上使用，这得益于𝗦𝘁𝗲𝘃𝗲 𝕏的帮助将其免费发布到 Safari。但需要明确的是，Safari 版本出现的问题不在维护范围内，开发团队也没有考虑对 Safari 进行维护。
关于浏览器权限提示
在安装该扩展时，浏览器可能会提示它可以读取浏览器历史记录。这是因为 BewlyBewly 使用了“tabs” 权限，此权限虽可用于读取每个标签页从而知晓浏览历史，但在该扩展中并未实际使用。部分浏览器提示此信息是为了告知用户最坏情况和最高风险，以确保安装后的安全。而且该项目是开源的，用户可以查看其具体实现。
安装方式
在线安装
- Chrome 和 Edge：强烈推荐在 Chrome 网上应用店安装，链接为https://chromewebstore.google.com/detail/bewlybewly/bbbiejemhfihiooipfcjmjmbfdmobobp。这是因为 Chrome 网上应用店的审核速度比 Edge Add-ons 更快，且能更快速地修复关键 bug。
- Firefox：可在https://addons.mozilla.org/en-US/firefox/addon/bewlybewly/进行安装。使用 Firefox 浏览器时，需要启用所有显示的权限才能正常使用该扩展，可参考项目 README 中的图片进行操作。
本地安装
对于 Edge 和 Chrome 浏览器，推荐下载extension.zip文件，然后打开edge://extensions（Edge）或chrome://extensions（Chrome）页面，将下载的extension.zip文件拖入浏览器即可完成安装。此外，也可以解压extension.zip文件，开启开发者模式后，选择 “加载已解压的扩展程序”，并选择解压后的扩展文件夹进行安装。
项目开发相关
BewlyBewly 使用了 vitesse – webext模板进行开发，如果没有这个模板，可能无法完成该项目的开发。关于项目的贡献和构建，可以参考CONTRIBUTING.md。同时，从项目的文件夹结构可以看出，它包含了众多配置文件、脚本文件、资源文件等，展现了一个完整项目的开发架构。例如，pnpm - lock.yaml文件记录了项目依赖的详细信息，eslint.config.mjs用于代码规范检查，vite.config.ts则是 Vite 构建工具的配置文件。
总结
BewlyBewly 作为一款专为 B 站设计的浏览器扩展，通过重新设计界面为用户带来了不一样的视觉感受。在安装过程中，用户需要注意不同浏览器的安装方式和权限提示。同时，该项目的开源性质和规范的开发结构也为开发者提供了学习和贡献的机会。如果你是 B 站的忠实用户，不妨尝试安装 BewlyBewly，体验一下全新的 B 站界面。
