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返回值在日常其他一些比较复杂的业务场景下走不同的逻辑分支是有挺大用处的,可以多尝试一下。

相关推荐
怕浪猫1 小时前
外包和大厂的前端代码,差在凌晨三点
前端·面试·github
m0_敲代码的彭于晏1681 小时前
Vercel 前端部署与全栈开发实战指南
前端·状态模式
徐小夕1 小时前
花了3个月,我们做了一款 AI 版的“飞书文档”
前端·算法·github
贾伟康1 小时前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
Csvn2 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn2 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
Elcker5 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
计算机魔术师5 小时前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端
风骏时光牛马5 小时前
测试标题001
前端
IT_陈寒6 小时前
Java性能优化完全指南
前端·人工智能·后端