javascript - 立即重新加载时 Chrome 开发工具网络预览不起作用

Question

当我立即获取某些内容并重新加载页面时，网络预览将加载失败。
如果我将超时设置为 1000 毫秒，有时成功有时失败；
如果我将超时设置为 3000 毫秒，它将始终有效。

我猜这个错误是在读取数据时被刷新页面打断的。
那么，我能捕捉到“信号”吗……呃，我的意思是“预览已加载信号”。

我已经启用了“保留日志”。

对比

代码

document.body.insertAdjacentHTML("afterbegin","<button>SEND</button>");

document.querySelector("button").onclick = () =>{
    fetch("https://cors-anywhere.herokuapp.com/https://stackoverflow.com/").then(
    r => r.text()
  ).then(
    r => {
        console.log(r.split("\n")[0]);
      location.reload();  // Failed
      // setTimeout(()=>{location.reload();}, 3000);  // Success
    }
  )
}

样本

JSFiddle

---

环境

• Chrome：版本 83.0.4103.97（官方版本）（64 位）

标签： javascriptgoogle-chrome