使用Chrome DevTools模拟脚本超时（或缓慢加载）

Question

我正在尝试使用Google Chrome DevTools模拟站点JavaScript文件的超时。

我可以使用“切换设备模式”来引入限制，但这并不针对特定脚本。

是否有使用DevTools实现此操作的方法？

我使用的是Chrome 38。

- crmpicco

Answer 1

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

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

- Joe Lewis

Answer 2

作为一名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);
  }
});

- Kayce Basques

---

这对我没有用，而且在回调函数和if块中注入日志语句时，当调用被触发时没有输出任何内容。 是否有一些小的改动可以使它在最新版本的Chrome（78.x）中工作？ - Greg Venech