有没有办法在Chrome DevTools中限制对特定API的调用,而不限制其他API?

dbf7pr2w  于 2023-02-14  发布在  Go
关注(0)|答案(6)|浏览(180)

我有一个单页应用程序,它与几个不同的API通信,我希望限制对特定API的请求以进行测试。是否可以使用Chrome DevTools限制特定域的网络流量?
我知道你可以在Chrome中设置网络流量,通过网络条件选项卡模拟慢速连接(例如常规3G连接),但这会影响所有请求。我希望只影响一个特定的API来模拟其他服务确实很慢但所有其他服务都很好的情况。

xoshrz7s

xoshrz7s1#

如果您可以更改URL,则有一个站点http://www.deelay.me/是HTTP资源的延迟代理。例如,如果您希望URL http://example.com/example延迟5秒,请将其更改为http://www.deelay.me/5000/http://example.com/example

am46iovg

am46iovg2#

现在有人已经为此构建了一个chrome扩展-URL Throttler

ac1kyiln

ac1kyiln3#

不可以,Chrome DevTools网络限制不允许您执行选择性限制。
如果您想模拟特定服务的运行速度很慢,并且让它们在本地计算机上运行,我建议您安装一个节流代理(例如Charles proxy)。
如果部署了这些服务,但您仍然希望模拟缓慢的响应,我将尝试修改/etc/hosts,使其也指向本地charles代理。

ldxq2e6h

ldxq2e6h4#

Chrome开发者工具不允许选择性地限制网络请求。我发现这个reddit post -https://www.reddit.com/r/chrome/comments/ogun3w/limitations_of_chrome_devtools_throttle_network/包含了3种延迟网络请求的方法。
1.使用浏览器DevTools网络限制功能限制网络流量
1.公共可用的API,它们会延迟响应,并使用浏览器扩展将实际请求重定向到这些公共API

  1. Chrome扩展程序,可将实际延迟添加到网络请求中
    这三种方法在本文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.配置延迟请求规则如下

注意事项-应用延迟请求时应具体说明,因为这会使您的浏览体验非常慢。在对多个请求添加延迟时,如果需要请求类型,则应添加筛选器

在请求类型上添加筛选器

只需单击延迟请求规则中的筛选器图标,然后您就可以选择请求类型,如-JSCSSXHR

用过很多次了,这个管用
参考文献

免责声明:我建造了Requestly(&仍然在用心建造)

5lwkijsr

5lwkijsr5#

network-spinner-devtool是浏览器devtools的扩展,具有URL级别配置和控制的能力,允许在发送http请求之前或接收响应之后引入延迟(仅在Firefox中支持)。
它同时支持Chrome和Firefox浏览器
也可以从Chrome网络商店安装Chrome DevTools

xv8emn3q

xv8emn3q6#

这个chrome扩展可能在这里有帮助...
link to chrome extension
您可以添加特定的网址和时间延迟。

相关问题