记录一下 Chrome Extension 开发中遇到的各种问题

遇到某些内置属性不存在，提示 chrome.xxx undefined

请在 manifest.js 中配置对应的权限

遇到一些 cors 跨域的拦截问题，常见的就是对应网站有请求头白名单，网站直接 block 了你的请求

在 manifest.js 配置 permissions: [ 'declarativeNetRequest'] ，然后重写 headers 添加代码

await chrome.declarativeNetRequest.updateDynamicRules({
    addRules: [
      {
        id: ~~(Math.random() * 10000),
        priority: 1,
        action: {
          type: chrome.declarativeNetRequest.RuleActionType.MODIFY_HEADERS,
          requestHeaders: [
            {
              header: 'Referer',
              operation: chrome.declarativeNetRequest.HeaderOperation.SET,
              value: 'https://www.aa.com/',
            },
            {
              header: 'Origin',
              operation: chrome.declarativeNetRequest.HeaderOperation.SET,
              value: 'https://www.aa.com',
            },
            {
              header: 'Sec-Fetch-Site',
              operation: chrome.declarativeNetRequest.HeaderOperation.SET,
              value: 'same-site',
            },
          ],
        },
        condition: {
          urlFilter: 'https://aa.com/sns',
        },
      },
    ],
  });