如何拦截来自网页的每个AJAX请求

const originalXHROpen = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(method, url) {
    console.log(`拦截请求: ${method} ${url}`);
    // 可在此修改请求参数（如URL、headers）
    originalXHROpen.apply(this, arguments);
};

const originalXHRSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(body) {
    this.addEventListener('load', function() {
        console.log('拦截响应:', this.responseText);
    });
    originalXHRSend.apply(this, arguments);
};

const originalFetch = window.fetch;
window.fetch = async function(input, init) {
    console.log(`拦截fetch请求: ${input}`);
    const response = await originalFetch(input, init);
    const clonedResponse = response.clone(); // 避免响应流被消费
    console.log('拦截fetch响应:', await clonedResponse.json());
    return response;
};

// 主线程注册
navigator.serviceWorker.register('sw.js').then(() => {
    console.log('Service Worker注册成功');
});

// sw.js中监听fetch事件
self.addEventListener('fetch', (event) => {
    event.respondWith(
        caches.match(event.request)
            .then((response) => response || fetch(event.request))
    );
});

// manifest.json中声明权限
"permissions": ["webRequest", "webRequestBlocking", "<all_urls>"],

// background.js中监听请求
chrome.webRequest.onBeforeRequest.addListener(
    (details) => {
        console.log('拦截请求:', details.url);
        return { cancel: false }; // 可取消请求
    },
    { urls: ["<all_urls>"] },
    ["blocking"]
);