Firefox插件中XMLHttpRequest POST请求无法发送问题排查

核心原因 #

Firefox 对内容脚本中的同步XMLHttpRequest有严格限制，直接禁止这种阻塞主线程的操作。你的代码里xhr.open('POST', 'https://myserver.com/test', false)第三个参数设为false（同步模式），这会导致Firefox直接阻断请求执行，且不会输出任何错误日志，完全匹配你遇到的现象——send()之后代码停止执行、服务器无请求。而Chrome目前仍允许这种不规范用法，但同步XHR本身已是Web标准逐步淘汰的特性。

另外，你的manifest.json权限配置存在缺失：内容脚本发起跨域请求时，必须在permissions中明确声明目标服务器域名，否则Firefox会拦截请求。

修复步骤 #

1. 将同步请求改为异步请求 #

同步XHR会阻塞页面主线程，属于不推荐写法，改用异步模式配合Promise/async/await处理：

const post = async () => {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://myserver.com/test', true); // 开启异步模式
    xhr.setRequestHeader('Content-Type', 'application/json');
    
    xhr.onload = () => {
      xhr.status >= 200 && xhr.status < 300 
        ? resolve(xhr.responseText) 
        : reject(new Error(`请求失败：${xhr.status}`));
    };
    
    xhr.onerror = () => reject(new Error('网络请求错误'));
    
    console.log('Before sending request');
    xhr.send(JSON.stringify({id: myId}));
    console.log('Request sent');
  });
};

// 调用示例
post().then(response => {
  console.log('响应内容：', response);
}).catch(error => {
  console.error('请求出错：', error);
});

2. 完善manifest权限配置 #

在manifest.json的permissions数组中添加目标服务器域名，确保跨域请求被允许：

{
    ...
    "manifest_version": 2,
    "content_scripts": [{
        "matches": ["*://myurl.com/*"],
        "js": ["content.js"],
        "run_at": "document_end"
    }],
    "permissions": [
        "activeTab", 
        "webRequest",
        "https://myserver.com/*" // 新增目标服务器权限
    ]
}

3. 额外检查项 #

• 确认Firefox版本：较新版本的Firefox对同步XHR限制更严格，建议使用最新版；
• 查看插件专用日志：在Firefox中进入about:debugging→选择你的插件→点击"检查"，打开插件专属控制台，这里可能会显示请求被拦截的详细原因；
• 调整脚本执行时机：若页面资源仍在加载，可将run_at改为document_idle，或在代码中监听DOMContentLoaded事件后再发起请求。

内容的提问来源于stack exchange，提问作者Alex Mougenet