使用Chrome DevTools模拟单个脚本超时(或缓慢加载)

Question

我正在尝试研究如何使用Google Chrome DevTools模拟我网站上JavaScript文件的超时.

我可以使用'切换设备模式'来引入限制,但这并不针对特定的脚本.

有没有办法用DevTools做到这一点？

我正在使用Chrome 38.

Answer 1

DevTools 技术作家和开发人员在这里倡导。截至 2018 年 1 月：

• 您无法在 DevTools 中对单个请求进行网络限制。不过，您可以阻止它们，我认为这就是您所说的“超时”的意思。请参阅阻止请求。
• 您可以使用服务工作人员来网络限制单个请求。

尚未测试此代码，但类似的代码可能适用于基于服务工作人员的限制：

self.addEventListener('fetch', event => {
  const TARGET = 'example.com';
  const DELAY_MS = 1000;
  if (event.request.url === TARGET) {
    setTimeout(() => {
      event.respondWith(caches.match(event.request));
    }, DELAY_MS);
  }
});

Answer 2

在 Chrome 中，您可以设置具有自定义下载/上传带宽和延迟时间的新网络配置文件。

使用足够长的延迟值来触发请求超时。