Bilibili-Evolved与Requestly扩展兼容性问题分析

问题背景

Bilibili-Evolved是一款功能强大的B站增强脚本，而Requestly是一款用于调试和修改网络请求的浏览器扩展。近期有用户反馈，在同时使用这两个工具时，B站视频播放页面会出现"TypeError: Cannot set properties of undefined (setting '_method')"的错误。

错误现象

当用户同时启用Bilibili-Evolved的"查看封面"功能和Requestly扩展时，会出现以下情况：

1. 进入任意视频播放页面
2. 播放约10秒后或接触Bilibili-Evolved菜单
3. 控制台报错："Cannot set properties of undefined (setting '_method')"
4. 错误堆栈指向XMLHttpRequest.open方法

技术分析

错误根源

经过深入排查，发现问题出在Requestly扩展对XMLHttpRequest的hook实现上。Requestly在最新版本中加入了XHR异步处理功能，但在某些情况下会导致原生XMLHttpRequest.open方法调用失败。

具体原因

1. Bilibili-Evolved的"查看封面"功能会发起对视频封面的XHR请求
2. Requestly扩展hook了所有XHR请求
3. 在hook过程中，Requestly对XHR对象的处理存在缺陷
4. 导致Bilibili-Evolved无法正确设置XHR请求的_method属性

解决方案

临时解决方案

1. 在Requestly没有规则被应用的情况下，可以暂时禁用该扩展
2. 或者单独禁用Bilibili-Evolved的"查看封面"功能

永久解决方案

Requestly团队已经在新版本中修复了此问题，用户只需：

1. 更新Requestly扩展至最新版本
2. 确保扩展完全重启生效

技术启示

这个案例展示了浏览器扩展之间可能存在的兼容性问题，特别是当多个扩展都尝试hook相同的浏览器API时。开发者在实现类似功能时应注意：

1. 确保hook实现不会破坏原生API的行为
2. 考虑与其他扩展的兼容性
3. 提供完善的错误处理和回退机制

总结

Bilibili-Evolved与Requestly的兼容性问题源于Requestly对XHR请求的hook实现缺陷。通过更新Requestly到最新版本可以彻底解决此问题。这个案例也提醒我们，在使用多个浏览器扩展时，要注意它们之间可能存在的交互影响。