XMLHttpRequest 不发送 Firefox（插件）

Question

我正在开发一个需要向我的服务器发出 POST 请求的插件。

我为此使用 XMLHttpRequest。 它在 Chrome 上运行良好，但从未在 Firefox 上发送 POST 请求。开发工具（控制台/.network/插件检查控制台）中没有显示任何内容，我的服务器上也没有收到任何内容。 我已经在我的整个 PC 上禁用了任何其他插件和任何类型的安全（是的，我很绝望）。

清单.json

{
    ...
    "manifest_version": 2,
    "content_scripts": [{
        "matches": ["*://myurl.com/*"],
        "js": ["content.js"],
        "run_at": "document_end"
    }],
    "permissions": ["activeTab", "webRequest"]
}

我的内容脚本中的发布请求

const post = () => {
    const xhr = new XMLHttpRequest();
    xhr.open('POST', 'https://myserver.com/test', false);
    xhr.setRequestHeader('Content-Type', 'application/json');
    console.log('Before sending request');
    xhr.send(JSON.stringify({id: myId}));
    console.log('Request sent');
    return xhr.responseText;
};

仅记录“发送请求前”。 xhr.send() 之后的任何内容都不会执行（这包括我代码的 rest 中 post() 调用之后的代码）。

我的服务器接受所有来源。 它还正确配置为接收和处理 POST 请求

const cors = require('cors')
app.use(cors());

这有什么问题吗？ 它在 Chrome 上完美运行，我不知道为什么它永远不会在不留下任何错误的情况下发送......

Answer 1

根据firefox 上的帖子，XHR 根据调用上下文以不同方式工作，考虑将调用移至后台脚本以查看您是否获得不同的行为。

Answer 2

您应该考虑将您的 URL（例如"*://myurl.com/*" ）作为主机权限添加到权限数组中，以获得 XMLHttpRequest 的权限。请参阅MDN和Chrome 文档中的官方文档。

您可以看到这个问题也包含在这个SO answer中

顺便说一句，我会考虑按照 Chrome 的建议迁移到 manifest V3：

Chrome Web 商店不再接受 Manifest V2 扩展。 构建新扩展时请使用 Manifest V3。

Answer 3

正如@Cadmium 在问题评论中建议的那样（即使我不想在那里处理此请求），我已将我post() function 移至后台脚本。

它现在可以在 Chrome 和 Firefox 上运行。我仍然不明白为什么它在 Firefox 上会这样，但现在对我来说这是一个足够好的解决方法！