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

Question

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

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

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

我使用的是 Chrome 38。

Answer 1

这里是 DevTools 技术作家和开发倡导者。截至 2018 年 1 月:

• 您不能在 DevTools 中对单个请求进行网络限制。不过，您可以阻止它们，这就是我认为您所说的“超时”的意思。参见 Block Requests .
• 你可以使用 service worker网络限制个人请求。

尚未测试此代码，但类似这样的代码可能适用于基于服务 worker 的 throttle :

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);
  }
});