javascript - 将自定义用户代理关联到特定的 Google Chrome 页面/标签

Question

我正在开发一个 Google Chrome 扩展程序，我想将特定的用户代理设置到选项卡/页面或弹出窗口（iframe 显示为“气泡弹出窗口”），而不影响其他页面或选项卡。

是否可以？

Answer 1

该webRequestAPI可用于修改用户代理标头。
注意：开发人员工具中的网络选项卡显示旧标题。我已经使用netcat ( nc -l 127.0.0.1 -p 6789)验证了标题设置是否正确。

在下面的示例中，代码在所有选项卡上激活。调整请求过滤器以满足您的要求。添加tabId以限制此过滤器的功能，使用选项卡的 tabId（chrome.tabs特别是可通过各种 API 获得）。

background.js

chrome.webRequest.onBeforeSendHeaders.addListener(
    function(info) {
        // Replace the User-Agent header
        var headers = info.requestHeaders;
        headers.forEach(function(header, i) {
            if (header.name.toLowerCase() == 'user-agent') { 
                header.value = 'Spoofed UA';
            }
        });  
        return {requestHeaders: headers};
    },
    // Request filter
    {
        // Modify the headers for these pages
        urls: [
            "http://stackoverflow.com/*",
            "http://127.0.0.1:6789/*"
        ],
        // In the main window and frames
        types: ["main_frame", "sub_frame"]
    },
    ["blocking", "requestHeaders"]
);

manifest.json

{
  "name": "WebRequest UA test",
  "version": "1.0",
  "permissions": ["webRequest", "webRequestBlocking", "http://*/*"],
  "background": {
    "scripts": ["background.js"]
  },
  "manifest_version": 2
}

文档

• chrome.webRequest.onbeforeSendHeaders事件
• 请求过滤器