Userscripts项目中XHR请求拦截与GM API的协同处理方案

背景介绍

在Userscripts项目开发中，开发者经常需要同时访问网页原生JavaScript对象和使用GM API功能。一个典型场景是拦截网页的XHR请求，解析获取真实下载链接后，再通过GM.xmlHttpRequest重新发起请求并重命名下载文件。这种需求在TamperMonkey(Chrome)环境下运行良好，但在原生Userscript中却会遇到兼容性问题。

核心问题分析

问题的本质在于Userscript运行环境的隔离机制。现代浏览器扩展系统通常会创建隔离的执行环境，导致以下两个关键点冲突：

1. 环境隔离：网页原生JavaScript对象和GM API存在于不同的执行上下文中
2. 权限限制：GM API需要明确声明(grant)才能使用，而访问网页原生对象又需要特定的注入方式(inject-into)

这种隔离机制虽然提高了安全性，但也给需要同时操作两个环境的脚本带来了挑战。

解决方案探索

方案一：内容脚本与页面脚本通信

通过建立内容脚本(content script)和页面脚本(page script)之间的通信通道，可以实现两个环境的协同工作：

1. 内容脚本负责与GM API交互
2. 页面脚本负责访问网页原生对象
3. 两者通过postMessage或自定义事件进行通信

方案二：动态脚本注入

将需要访问网页原生对象的代码通过动态创建script标签的方式注入到页面上下文中：

const script = document.createElement('script');
script.textContent = `(${function() {
    // 这里可以访问网页原生对象
    const originalXHR = window.XMLHttpRequest;
    // 重写XHR逻辑...
})()`;
document.documentElement.appendChild(script);

方案三：使用@require加载共享库

通过@require指令加载一个既能在页面上下文中运行又能与GM API交互的共享库：

// ==UserScript==
// @require      https://example.com/path/to/shared_lib.js
// ==/UserScript==

安全注意事项

在实现这类跨环境操作时，必须注意以下安全准则：

1. 避免直接暴露GM API给不可信的页面上下文
2. 对跨环境传递的数据进行严格验证
3. 限制脚本仅在必要的域名下运行
4. 使用最小权限原则，只grant必要的API

最佳实践建议

1. 明确环境边界：清楚区分哪些操作需要在页面上下文中执行，哪些需要通过GM API完成
2. 模块化设计：将不同环境的代码分离为独立模块，通过定义良好的接口通信
3. 错误处理：为跨环境操作添加完善的错误处理机制
4. 性能考量：注意频繁的跨环境通信可能带来的性能影响

总结

在Userscripts项目中实现XHR拦截与GM API的协同工作需要深入理解浏览器扩展的执行环境隔离机制。通过合理的架构设计和安全实践，开发者可以构建出既功能强大又安全可靠的用户脚本。选择哪种具体方案取决于项目需求、目标浏览器环境以及对安全性的要求级别。