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

Question

9

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

我想这么做的原因是查看网站在脚本/资产延迟加载或加载失败时的表现。

- James

你可以使用 Fiddler 来完成这个操作。参考链接 - Liam

6个回答

2

如果资产是第三方或托管在不同的域上，有一个名为SPOF-O-Matic的Chrome插件可以测试您正在调用的加载延迟，也称为单点故障。刚开始使用可能不太直观，但非常有帮助：

- Gaël Métais

2

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

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

非Windows操作系统的另一种选择是Comcast。

- Martin Ždila

2

您可以使用Requestly浏览器扩展或桌面应用程序来修改您的网络请求。在Requestly中，延迟/限制脚本是其中之一的用例。

以下是操作步骤。安装Requestly后，使用延迟请求功能。

创建新规则并选择延迟规则类型

这篇文章解释了添加延迟/限制API（或网络请求）的三种不同方法。但在您的情况下，基于Requestly扩展的方法应该是最好的。

PS-我建立了Requestly。

- Sachin Jain

1

你可以通过组合多个资源来完成它。

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

然后，我将其与requestly扩展程序（https://requestly.io/）结合使用，创建一个主机替换规则以针对特定资源。

- Daniel

1

这个开发工具扩展可以满足您的需求，它是一个Chrome/Firefox开发工具扩展，可以模拟任何可配置URL的http请求延迟。 Chrome开发工具扩展商店

- coder_ll

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Erik · Accepted Answer

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

---编辑---

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