javascript - 用于拦截/修改 websockets UA 的 Chrome 扩展 API

Question

我正在尝试编写一个扩展程序，该扩展程序将针对来自 Chrome 的所有传出请求修改用户代理。

对于 http://、https://、ftp://、file://或 chrome-extension://我可以使用 chrome.webRequest API和 onBeforeSendHeaders。但是，这不适用于 ws://或 wss://。

是否有其他一些 API 允许我设置/修改这些请求的 header ？

Answer 1

我在谷歌上搜索这个问题的答案，现在，三年后，这是可能的，我会在这里记录下来。

根据 https://developer.chrome.com/extensions/webRequest ，它应该可以在 Chrome 58 上运行。但是需要进行多种配置才能使其运行。

• 在 list 中必须为 webRequest 和 webRequestBlocking 请求权限
• 还必须请求 Web 套接字 URL 的权限，例如“wss://*/”和“ws://*/”
• 在请求过滤器中(在 addListener 函数调用中)，必须使用 wss 或 ws 方案声明 url。使用 * 作为方案仅解析为 http 和 https
• 在请求过滤器中，必须在类型中声明 websocket。 (我不确定这是否是必需的，我没有时间验证)

请记住，webRequest 仅在后台脚本中可用，在内容脚本中不可用。

示例(更改 Origin header ，更改 User Agent 应该类似)

在 manifest.json 中:

"permissions": [
"storage",
"tabs",
"activeTab",
"webRequest",
"webRequestBlocking",
"webNavigation",
"debugger",
"https://*/",
"wss://*/"
],

在后台脚本中

// origin is defined somewhere above
chrome.webRequest.onBeforeSendHeaders.addListener((details) => {
      if (origin) {
        const headers = details.requestHeaders;
        for (let i = 0; i < headers.length; i++) {
          if (headers[i].name === 'Origin') {
            headers[i].value = origin;
          }
        }
        return { requestHeaders: headers };
      }
    }, { urls: ['wss://server.example.com/*', 'https://server.example.com/*'],
         types: ['xmlhttprequest', 'websocket'] },
       ['requestHeaders', 'blocking']);