Chrome网络请求表中带齿轮图标的名称

Mag*_*uly 5 web-worker google-chrome-devtools

在此处输入图片说明

在此处输入图片说明

(pic1中的30119999.xml,具有齿轮标记的名字)

我在Web Worker中设置了此请求,响应数据正常,并在onmessage回调中将其终止

但是为什么请求总是处于待处理状态而无法预览,请提供帮助。

伪代码:

const workerBlob = new Blob([`onmessage = function (event) {
    const xhr = new XMLHttpRequest();
    xhr.addEventListener('load', function () {
        postMessage(xhr.response);
    });
    xhr.open('GET', event.data.url, true);
    xhr.send();
}`], { type: 'application/javascript' });
const workerURL = URL.createObjectURL(workerBlob);
const worker = new Worker(workerUrl);
worker.postMessage({url});
worker.onmessage = (message) => {
    // do something
    worker.terminate();
};
Run Code Online (Sandbox Code Playgroud)

Sam*_*adi 19

根据调试服务工作者的说法:

齿轮图标表示这些请求来自 Service Worker 本身。具体来说,这些是 Service Worker 的安装处理程序发出的填充离线缓存的请求。


tim*_*u31 0

确保你没有太快地终止你的工作人员。当loadend事件触发时,您应该终止 Worker 。