如何使用declarativeNetRequest动态规则追加到requestHeaders

declarativeNetRequest是一种用于扩展浏览器功能的API，它允许开发者通过声明性方式动态地修改网络请求的规则，包括追加到请求头部的规则。

使用declarativeNetRequest动态规则追加到requestHeaders，可以按照以下步骤操作：

创建一个manifest.json文件，并在该文件中定义扩展的基本信息和权限。例如：

{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0",
  "permissions": ["declarativeNetRequest", "webRequest", "webRequestBlocking"],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "declarative_net_request": {
    "rule_resources": [{
      "id": "my_rule",
      "enabled": true,
      "path": "rules.json"
    }]
  }
}

创建一个rules.json文件，用于定义请求头部规则。例如：

{
  "rules": [{
    "id": "append_header_rule",
    "action": {
      "type": "modifyHeaders",
      "responseHeaders": [
        { "header": "Custom-Header", "value": "My-Value" }
      ]
    },
    "condition": {
      "urlFilter": ".*",
      "resourceTypes": ["main_frame"]
    }
  }]
}

上述规则表示，当请求的资源类型为主要框架(main_frame)时，在请求头部追加一个自定义的请求头部"Custom-Header"，其值为"My-Value"。

创建一个background.js文件，用于处理请求头部规则。例如：

chrome.runtime.onInstalled.addListener(function() {
  chrome.declarativeNetRequest.updateDynamicRules({
    rules: [
      {
        id: "my_rule",
        action: { type: "remove" },
        condition: { urlFilter: ".*" }
      }
    ],
    removeRuleIds: ["append_header_rule"],
    addRules: [{ id: "append_header_rule", action: { type: "modifyHeaders", responseHeaders: [{ header: "Custom-Header", value: "My-Value" }] }, condition: { urlFilter: ".*", resourceTypes: ["main_frame"] } }]
  });
});

上述代码表示，当插件被安装时，会动态更新规则，先移除id为"append_header_rule"的规则，再添加一个新的规则，即在请求头部追加一个自定义的请求头部"Custom-Header"，其值为"My-Value"。