Chrome 插件: ModifyAjaxResponse,修改 ajax 请求返回值,前后端调试之利器

2023-06-27 09:47:33 +08:00
 oppoic
直接看效果




以往前端对接口,需要找后端造数据
后端去 insert 数据库、接口里写伪代码、又或是 Mock Data 等等等,这些都太麻烦了,直接本地编辑接口返回值即可

实现原理:自定义一个构造函数重写默认的 XMLHttpRequest 构造函数,使其在触发实际事件之前重写响应。也支持 fetch 请求

如果思路打开了,能干很多沙雕事情,例如


-





当然真实用途不是自嗨,是让前端自己玩起来,不用来找你造数据

GitHub: https://github.com/oppoic/ModifyAjaxResponse
Chrome 商店: https://chrome.google.com/webstore/detail/modifyajaxresponse/odpiadnfijfeggnnodoaaphkkjkmpnia
1712 次点击
所在节点    Chrome
7 条回复
sun2920989
2023-06-27 10:04:07 +08:00
好像不太对劲,前端要是愿意搞,自然就集成了 mock 数据的东东,如果不愿意搞,那就是直接和后端要了.也不太会去这样操作.从动图来看,这个操作量对于前端来说也并不是非常简便.
hangbale
2023-06-27 10:05:52 +08:00
竞品:requestly
Hidetodong
2023-06-27 10:08:21 +08:00
whisper + ProxySwitchyOmega

可以操作的空间更大
StevenQAQ
2023-06-27 11:25:49 +08:00
好玩好玩
AloneHero
2023-06-27 12:50:13 +08:00
这操作流程是真的繁琐。。。建议集成到 devtool ,自动复制响应并支持编辑
oppoic
2023-06-27 15:49:47 +08:00
@hangbale 有这个需求我搜到的是 ajax-interceptor ,在很小的一个页面设置规则,我用着很不习惯。于是我自己开发了一个
看你回复才去体验了下 requestly ,功能很强大、制作也很精美。但是有点重的感觉:登录、同步、组、Session 。。。感觉用不到这么多功能,另外就是它的配置页面竟然是在一个网站上,没法离线了。如果再给我一次机会,我还是会开发 ModifyAjaxResponse
imwangpan
2023-06-27 16:28:47 +08:00
感谢分享,感觉挺简单方便的。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/951951

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX