BewlyBewly 项目在 Firefox 浏览器中的兼容性问题分析

问题概述

BewlyBewly 是一款针对 Bilibili 网站的浏览器扩展，近期有用户反馈在 Firefox 浏览器中使用该扩展时遇到了几个显著问题：

1. 登录功能异常：点击登录按钮后会跳转到登录页面，但返回首页后无法显示登录状态信息
2. 内容显示不全：仅显示视频框而无具体视频信息，且视频框无法点击，鼠标悬停时会出现闪烁现象
3. 页面滚动失效：主页无法正常滚动，会自动回到顶部位置

问题复现条件

该问题在以下环境中可稳定复现：

• Firefox 135.0b9 版本（稳定版也存在同样问题）
• BewlyBewly 0.40.3 版本
• 扩展安装后首次配置为"仅在点击允许后"刷新Bilibili首页
• 随后配置为"总是允许于www.bilibili.com"并刷新首页

技术分析

经过开发者调查，这些问题主要源于 Firefox 浏览器对扩展的特殊处理机制：

1. 权限系统差异：Firefox 对扩展权限的管理与其他浏览器存在差异，特别是在跨域请求和本地存储处理方面
2. 地址匹配机制：Bilibili 的实际登录流程涉及多个子域名，而 Firefox 对"www.bilibili.com"的权限设置可能不会自动扩展到相关子域名
3. DOM 操作冲突：扩展对页面元素的修改可能与 Firefox 的渲染引擎产生冲突，导致显示异常和滚动问题

解决方案

目前确认的有效解决方法是：

1. 完全移除扩展
2. 重新安装最新版本
3. 直接设置为"总是允许于www.bilibili.com"
4. 使用 Shift+F5 强制刷新页面

开发者说明

项目开发者指出，这是 Firefox 浏览器自身的限制问题，而非扩展代码缺陷。由于 Firefox 对扩展的特殊处理方式，开发团队无法在代码层面完全规避这些问题。

给用户的建议

对于 Firefox 用户：

• 安装后直接设置为"总是允许"模式
• 遇到问题时尝试强制刷新（Shift+F5）
• 如问题持续存在，可暂时停用扩展等待后续版本更新

该问题反映了浏览器扩展开发中面临的跨浏览器兼容性挑战，特别是当浏览器厂商对扩展API和安全策略有不同实现时。用户在遇到类似问题时，可优先考虑浏览器兼容性因素。