Firefox获取API：如何省略请求中的“源”头？

Question

如果您在Firefox WebExtension中发出获取请求，它将自动设置“origin”标题。例如，当我在WebExtensions中运行此代码时。。。

fetch('http://example.com/')

... 结果请求包含标题：“origin:moz”-extension://539a0d5b-60d9-4726-b3de-27d6979edc26"

在Chromium中运行相同的代码不会设置标头。（更新：这并不总是正确的，因为Chrome可能还会添加标题：“来源：Chrome-extension://...".)

有没有一个选项可以发送没有“来源”的请求？

我在FetchAPI中找不到选项。到目前为止，我看到的唯一解决方案是使用WebRequestAPI删除头部，但这似乎过于复杂。

Answer 1

当WebExtension使用FetchAPI发送请求时，Firefox和Chrome都会自动填充origin标题。目前没有API选项来阻止它。

如果不希望出现这种行为，则有两种选择：

1. 使用旧的XMLHttpRequest API，而不是获取
2. 手动剥离源头使用webRequest API

选项1将起作用，因为源标头仅由读取API设置。对于选项2，您必须安装一个onBeforeSendHeaders处理程序，以便在请求离开浏览器之前删除标头：

function originWithId(header) {
  return header.name.toLowerCase() === 'origin' &&
         (header.value.indexOf('moz-extension://') === 0 ||
          header.value.indexOf('chrome-extension://') === 0);
}

chrome.webRequest.onBeforeSendHeaders.addListener(
  (details) => {
    return {
      requestHeaders: details.requestHeaders.filter(x => !originWithId(x))
    }
  },
  {urls: ["<all_urls>"]},
  ["blocking", "requestHeaders"]
);

要使用API，您需要将“webRequest”和“webRequestBlocking”添加到manifest.json中的权限中。