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

Jam*_*mes 7 google-chrome performance-testing google-chrome-devtools web-performance

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

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

Eri*_*rik 5

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

- - 编辑 - -

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


Gaë*_*ais 2

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

该插件称为 SPOF-O-Matic,可以在这里找到: https: //chrome.google.com/webstore/detail/spof-o-matic/plikhggfbplemddobondkeogomgoodeg