Name with gear icon in Chrome network requests table : <p><a href="https://i.stack.imgur.com/b19N0.png" rel="noreferrer"><img src="https://i.stack.imgur.com/b19N0.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/BOZs9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BOZs9.png" alt="enter image description here"></a></p>

<p>(30119999.xml in pic1, has a gear mark pre name)</p>

<p>I set this request in Web Worker, response data is ok and I terminated it in onmessage callback</p>

<p>but why the request always in pending and can't preview, please help.</p>

<p>pseudocode:</p>

<pre><code>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) =&gt; {
    // do something
    worker.terminate();
};
</code></pre>
