我有一个单页应用程序,它与几个不同的API通信,我希望限制对特定API的请求以进行测试。是否可以使用Chrome DevTools限制特定域的网络流量?
我知道你可以在Chrome中设置网络流量,通过网络条件选项卡模拟慢速连接(例如常规3G连接),但这会影响所有请求。我希望只影响一个特定的API来模拟其他服务确实很慢但所有其他服务都很好的情况。
我有一个单页应用程序,它与几个不同的API通信,我希望限制对特定API的请求以进行测试。是否可以使用Chrome DevTools限制特定域的网络流量?
我知道你可以在Chrome中设置网络流量,通过网络条件选项卡模拟慢速连接(例如常规3G连接),但这会影响所有请求。我希望只影响一个特定的API来模拟其他服务确实很慢但所有其他服务都很好的情况。
6条答案
按热度按时间xoshrz7s1#
如果您可以更改URL,则有一个站点http://www.deelay.me/是HTTP资源的延迟代理。例如,如果您希望URL http://example.com/example延迟5秒,请将其更改为http://www.deelay.me/5000/http://example.com/example。
am46iovg2#
现在有人已经为此构建了一个chrome扩展-URL Throttler。
ac1kyiln3#
不可以,Chrome DevTools网络限制不允许您执行选择性限制。
如果您想模拟特定服务的运行速度很慢,并且让它们在本地计算机上运行,我建议您安装一个节流代理(例如Charles proxy)。
如果部署了这些服务,但您仍然希望模拟缓慢的响应,我将尝试修改
/etc/hosts
,使其也指向本地charles代理。ldxq2e6h4#
Chrome开发者工具不允许选择性地限制网络请求。我发现这个reddit post -https://www.reddit.com/r/chrome/comments/ogun3w/limitations_of_chrome_devtools_throttle_network/包含了3种延迟网络请求的方法。
1.使用浏览器DevTools网络限制功能限制网络流量
1.公共可用的API,它们会延迟响应,并使用浏览器扩展将实际请求重定向到这些公共API
这三种方法在本文https://requestly.io/blog/2021/07/02/adding-delay-to-network-requests/中都有很好的解释
为了执行特定于域的请求限制,您可以使用方法3。您可以配置
Requestly Delay Network Request
规则来添加延迟。您可以按照以下步骤操作
1.从https://requestly.io请求获取
1.打开https://app.requestly.io/rules
1.创建规则并选择
Delay Request
规则类型1.配置延迟请求规则如下
注意事项-应用延迟请求时应具体说明,因为这会使您的浏览体验非常慢。在对多个请求添加延迟时,如果需要请求类型,则应添加筛选器
在请求类型上添加筛选器
只需单击延迟请求规则中的筛选器图标,然后您就可以选择请求类型,如-
JS
CSS
或XHR
用过很多次了,这个管用
参考文献
免责声明:我建造了Requestly(&仍然在用心建造)
5lwkijsr5#
network-spinner-devtool是浏览器devtools的扩展,具有URL级别配置和控制的能力,允许在发送http请求之前或接收响应之后引入延迟(仅在Firefox中支持)。
它同时支持Chrome和Firefox浏览器
也可以从Chrome网络商店安装Chrome DevTools
xv8emn3q6#
这个chrome扩展可能在这里有帮助...
link to chrome extension
您可以添加特定的网址和时间延迟。