如何在 Chrome 开发者工具中延迟脚本/资产加载答案

【问题标题】：How to delay script/asset loading in Chrome Developer Tools如何在 Chrome 开发者工具中延迟脚本/资产加载
【发布时间】：2017-01-13 07:12:49
【问题描述】：

有没有办法通过 Chrome 开发者工具在 Google Chrome 浏览器中加载脚本/资产时添加时间延迟？或者完全阻止脚本加载？

我想这样做是为了看看当脚本/资产遭受延迟加载或加载失败时网站的表现。

【问题讨论】：

【解决方案1】：

如果资产是第三方或托管在不同的域中，则有一个 Chrome 插件旨在测试您所说的加载延迟，也称为 SPOF（单点故障)。初次使用可能不是很直观，但很有帮助：

【讨论】：

【解决方案2】：

当您在网络中时，在 Chrome 开发者工具中，您可以添加自定义限制。您可以指定下载和上传速度以及请求延迟。但这将适用于所有资源，而不仅仅适用于特定资源。

--- 编辑---

对于延迟任何页面上的单个 URL，您可以使用 chrome 扩展程序（因为它可以拦截浏览器请求）。我用https://chrome.google.com/webstore/detail/url-throttler/kpkeghonflnkockcnaegmphgdldfnden

【讨论】：

【解决方案3】：

以下解决方案与 Chrome Devtools 无关，但它们可以工作。

如果您不介意重定向，可以尝试Slowwly 或deelay.me。

非 Windows 操作系统的其他替代方案是 Comcast。

【讨论】：

【解决方案4】：

您可以通过组合多种资源来做到这一点。

我使用http://www.deelay.me/来生成延迟的url。

然后我将它与请求扩展 (https://requestly.io/) 结合起来，以创建针对特定资源的主机替换规则

【讨论】：

【解决方案5】：

这个 devtools 扩展可以满足您的要求，它是一个 Chrome/Firefox devtools 扩展，可以模拟任何可配置 URL 的 http 请求延迟。 Chrome devtools extension webstore

【讨论】：