declarativeNetRequest example

manifest.json

{
  "background": {
    "service_worker": "service_worker.ts"
  },
  "content_scripts": [
    {
      "js": ["content.ts"],
      "matches": ["https://www.google.com/*"]
    }
  ],
  "options_page": "options.html",
  "manifest_version": 3,
  "permissions": [
    "storage",
    "declarativeNetRequest",
    // feedback only needed for dev move
    "declarativeNetRequestFeedback"
  ],
  // host permissions are required
  "host_permissions": ["http://*/*", "https://*/*"],
  // loads ruleset
  "declarative_net_request": {
    "rule_resources": [
      {
        "id": "esm-content-scripts",
        "enabled": true,
        "path": "rpce-ruleset.json"
      }
    ]
  }
}

rpce-ruleset.json

[
  {
    "id": 1,
    "priority": 1,
    "action": {
      "type": "modifyHeaders",
      "responseHeaders": [
        {
          "header": "content-security-policy",
          "operation": "set",
          "value": "script-src 'self' http://localhost:2000; object-src 'self' http://localhost:2000"
        },
        {
          "header": "Content-Security-Policy",
          "operation": "set",
          "value": "script-src 'self' http://localhost:2000; object-src 'self' http://localhost:2000"
        }
      ]
    },
    "condition": {
      "urlFilter": "*",
      "resourceTypes": ["main_frame"]
    }
  }
]