chrome插件获得http请求头

• background.js

chrome.webRequest.onBeforeSendHeaders.addListener(function (details) {
        const requestHeaders = details.requestHeaders
        console.log(requestHeaders)
        for (let i = 0; i < requestHeaders.length; i++) {
            const header = requestHeaders[i]
            if (header.name === 'Sec-Fetch-Site') {
                console.log(header.value)
            }
        }
        return {
            requestHeaders: details.requestHeaders
        };
    },
    {
        urls: ["https://www.baidu.com/*"]
    },
    ["blocking", "requestHeaders", "extraHeaders"]
);

注意：这里的console在目标页面是不会有现象的，console是打印在了背景页里，需要从插件管理界面进入看控制台；

• background.js

{
  "manifest_version": 2,
  "name": "ooo",
  "version": "1.0.0",
  "description": "简单的Chrome扩展demo",
  "background": {
    "scripts": [
      "js/background.js"
    ]
  },
  "permissions": [
    "webRequest",
    "webRequestBlocking",
    "storage",
    "contextMenus",
    "https://www.baidu.com/*"
  ],
  "browser_action": {
    "default_icon": "img/icon.png",
    "default_title": "这是一个示例Chrome插件",
    "default_popup": "popup.html"
  }
}

源代码可以在【gitee】下载