有什么方法可以通过 Chrome 开发者工具在 Google Chrome 浏览器中加载脚本/资产的时间延迟?或者完全阻止脚本加载?
我想这样做的原因是查看当脚本/资产遭受延迟加载或加载失败时站点的执行情况。
有什么方法可以通过 Chrome 开发者工具在 Google Chrome 浏览器中加载脚本/资产的时间延迟?或者完全阻止脚本加载?
我想这样做的原因是查看当脚本/资产遭受延迟加载或加载失败时站点的执行情况。
当您在网络中时,在 Chrome 开发人员工具中,您可以添加自定义限制。您可以指定下载和上传速度以及请求延迟。但这将适用于所有资源,而不仅仅适用于特定资源。
- - 编辑 - -
对于延迟任何页面上的单个 URL,您可以使用 chrome 扩展(因为它可以拦截浏览器请求)。我使用https://chrome.google.com/webstore/detail/url-throttler/kpkeghonflnkockcnaegmphgdldfnden
如果资产是第三方或托管在不同的域上,则有一个 Chrome 插件旨在测试您所谓的加载延迟,也称为 SPOF(单点故障)。初次使用时可能不是很直观,但很有帮助:
该插件名为 SPOF-O-Matic,可在此处找到:https ://chrome.google.com/webstore/detail/spof-o-matic/plikhggfbplemddobondkeogomgoodeg
您可以通过组合多种资源来做到这一点。
我使用http://www.deelay.me/来生成延迟的 url。
然后我将它与请求扩展 ( https://requestly.io/ ) 结合起来创建一个主机替换规则以针对特定资源
您可以使用Requestly Browser Extension 或 Desktop App 来修改您的网络请求。延迟/限制脚本是 Requestly 已经支持的众多用例之一。
这是你如何做到的。安装 Requestly 后,使用延迟请求功能。
本文介绍了 3 种不同的方法来添加延迟/限制 API(或网络请求)。但是,在您的情况下,基于请求扩展的方法应该效果最好。
PS - 我请求构建。
这个 devtools 扩展可以满足您的要求,它是一个 Chrome/Firefox devtools 扩展,可以模拟任何可配置 URL 的 http 请求延迟。 Chrome devtools 扩展网上商店