whistle自定义修改接口返回值内容

修改接口返回值内容是前端想要验证后续交互逻辑,但是又不想去找测试/后端造数时,常见的手段。

如果是在浏览器,我们可以很轻松的就修改接口的返回值内容,如下图的sugrec?&prod=pc_his&from=pc_web&json=1&imod=2 这个接口

我们只需要 单击选中 -> 右键 ->替换内容

之后如下图,我们就可以随心所欲的修改返回值的内容了,比如把我在CSDN的名称从'北北'改成'哈基米',ctrl+s保存。(这里的brower_override是我本地D盘自定义的一个文件夹,因为要把覆盖修改的返回值内容找个地方存起来,所以这里如果第一次修改返回值内容,可能还需要配置一下)

后面再一次刷新,就可以看到交互已经被正确修改展示

但是如果是安卓,IOS手机测试。不像浏览器那般容易mock接口返回值。

就可以使用whistle的mock功能。

whistle的下载和基础功能,可以参考其他文章,自定义返回值内容可以如下操作

1.先在Values里面定义一个json文件

2.再按照 要代理的接口 代理的内容的写法,把刚刚获取用户信息的接口代理到刚刚定义的userInfo.json文件上

3.使用zeroOmega,开启whistle代理环境(这里对于zeroOmega不熟悉的,可以参考其他文章或者询问AI,来知道该插件的功能是干嘛的)

展示成果:

1.这里发现接口成功被whistle代理了

2.同时我在whistle里mock的返回值也成功生效,并且能够影响浏览器前端的交互展示逻辑。

接口返回值内容成功通过whistle修改。


小总结:上述只是一个基础的演示,mock返回值在日常其他一些比较复杂的业务场景下走不同的逻辑分支是有挺大用处的,可以多尝试一下。

相关推荐
mengzhi啊3 小时前
缓存类CacheDataManager把临时数据存入json。做成插件·
qt·缓存·json
CharlesYu013 小时前
前端性能优化的第一性原理,是不断缩短“用户发起意图 → 获得可用结果”之间的时间
前端
平头哥技术团队4 小时前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5
子兮曰5 小时前
Bun v1.4.1 深度解析:从 Zig 到 Rust,一场 11 天、64 个 AI 代理的语言迁徙
前端·后端·bun
人民广场吃泡面5 小时前
什么是AI Agent?它又能给前端带来哪些效率提升?
前端·人工智能
中科三方6 小时前
两家域名注册商资质被ICANN终止:企业域名资产安全再受关注
前端·网络·安全·域名
bug总结6 小时前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
华无丽言6 小时前
如何在宜搭中实现获取子表中的字段值赋值到父表中?
前端·javascript·低代码
IT_陈寒7 小时前
Vue的computed属性竟然坑了我一把
前端·人工智能·后端
威斯软科的老司机7 小时前
通俗讲解 CNN 图像识别、向量 Embedding、Softmax 概率计算这三块的简化原理
前端·人工智能·ui·数字孪生