8

有什么方法可以通过 Chrome 开发者工具在 Google Chrome 浏览器中加载脚本/资产的时间延迟?或者完全阻止脚本加载?

我想这样做的原因是查看当脚本/资产遭受延迟加载或加载失败时站点的执行情况。

4

6 回答 6

5

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

- - 编辑 - -

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

于 2016-10-10T15:23:38.700 回答
2

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

该插件名为 SPOF-O-Matic,可在此处找到:https ://chrome.google.com/webstore/detail/spof-o-matic/plikhggfbplemddobondkeogomgoodeg

于 2016-09-06T03:15:11.470 回答
1

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

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

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

于 2020-11-20T21:25:39.850 回答
1

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

如果您不介意重定向,那么您可以尝试Slowwlydeelay.me

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

于 2018-06-07T09:12:57.410 回答
0

您可以使用Requestly Browser Extension 或 Desktop App 来修改您的网络请求。延迟/限制脚本是 Requestly 已经支持的众多用例之一。

这是你如何做到的。安装 Requestly 后,使用延迟请求功能

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

选择延迟请求规则类型

定义 URL(或 URL 模式)和延迟值

延迟请求规则编辑器

本文介绍了 3 种不同的方法来添加延迟/限制 API(或网络请求)。但是,在您的情况下,基于请求扩展的方法应该效果最好。

PS - 我请求构建。

于 2022-02-15T09:51:29.597 回答
0

这个 devtools 扩展可以满足您的要求,它是一个 Chrome/Firefox devtools 扩展,可以模拟任何可配置 URL 的 http 请求延迟。 Chrome devtools 扩展网上商店

于 2022-01-13T13:48:06.253 回答