chrome插件v3拦截请求

Chrome插件V3（也称为PWA插件或Manifest V3）允许开发者更精细地控制页面的交互和功能，包括拦截网络请求。在V3版本中，你可以通过`permissions`部分的`webRequest`权限以及`serviceWorker`中的`fetch` API来拦截HTTP(S)请求。以下是大概步骤：

1. **添加权限**：
在manifest.json文件中，你需要添加`"permissions": ["webRequest"]`来获取网络请求拦截的能力。

{
  "name": "My Request Interceptor",
  "permissions": ["webRequest", "<all_urls>"],
  ...
}

2. **创建网络拦截器**：
使用`chrome.webRequest` API，你可以注册一个拦截器，监听特定类型的请求，如`onBeforeSendHeaders`, `onBeforeRequest`, 或者`onSendHeaders`。

chrome.webRequest.onBeforeSendHeaders.addListener(
  function(details) {
    // 对headers做处理，如添加、修改等
    return {requestHeaders: details.requestHeaders.concat(yourNewHeader)};
  },
  {urls: ["<all_urls>"], types: ["main_frame", "sub_frame"]}
);

3. **服务 worker 中拦截**：
如果你想在背景页或离线环境拦截，可以使用Service Worker的`fetch` event：

self.addEventListener('fetch', function(event) {
  event.respondWith(handleFetch(event.request));
});

function handleFetch(request) {
  // 拦截并处理请求
  return request.clone().then(...);
}