Hook Web Worker 中的 fetch 函数

要在 Web Worker 中 hook fetch 函数，你可以通过以下几种方法实现：

方法1：直接覆盖 Worker 中的 fetch

// worker.js
const originalFetch = self.fetch;

self.fetch = async function(...args) {
    console.log('Intercepted fetch call:', args);
    
    // 在这里可以修改请求参数或添加额外逻辑
    
    try {
        const response = await originalFetch.apply(this, args);
        
        // 在这里可以修改响应数据
        
        console.log('Fetch response:', response);
        return response;
    } catch (error) {
        console.error('Fetch error:', error);
        throw error;
    }
};

// 正常使用 fetch
self.onmessage = async (e) => {
    const result = await fetch(e.data.url);
    const data = await result.json();
    postMessage(data);
};

方法2：使用 Service Worker 拦截所有网络请求

如果你需要跨多个 Workers/页面拦截请求，Service Worker 是更好的选择：

// service-worker.js
self.addEventListener('fetch', (event) => {
    console.log('Intercepted fetch:', event.request.url);
    
    // 可以修改请求或返回自定义响应
    event.respondWith(
        fetch(event.request)
            .then(response => {
                // 处理响应
                return response;
            })
            .catch(error => {
                console.error('Fetch failed:', error);
                return new Response(JSON.stringify({error: 'Request failed'}), {
                    status: 500,
                    headers: {'Content-Type': 'application/json'}
                });
            })
    );
});

方法3：在创建 Worker 前注入代码

// main.js
const workerCode = `
    ${hookFetch.toString()}
    
    function hookFetch() {
        const originalFetch = self.fetch;
        self.fetch = async (...args) => {
            console.log('Hooked fetch in worker');
            return originalFetch(...args);
        };
    }
    
    hookFetch();
    
    // Original worker code here...
`;

const blob = new Blob([workerCode], {type: 'application/javascript'});
const workerUrl = URL.createObjectURL(blob);
const worker = new Worker(workerUrl);

function hookFetch() { /* ... */ }