V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Get Google Chrome
Vimium · 在 Chrome 里使用 vim 快捷键
oppoic
V2EX  ›  Chrome

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

  •  1
     
  •   oppoic · 2023-06-27 09:47:33 +08:00 · 1709 次点击
    这是一个创建于 540 天前的主题,其中的信息可能已经有所发展或是发生改变。
    直接看效果




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

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

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


    -





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

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

    可以操作的空间更大
    StevenQAQ
        4
    StevenQAQ  
       2023-06-27 11:25:49 +08:00
    好玩好玩
    AloneHero
        5
    AloneHero  
       2023-06-27 12:50:13 +08:00 via Android
    这操作流程是真的繁琐。。。建议集成到 devtool ,自动复制响应并支持编辑
    oppoic
        6
    oppoic  
    OP
       2023-06-27 15:49:47 +08:00
    @hangbale 有这个需求我搜到的是 ajax-interceptor ,在很小的一个页面设置规则,我用着很不习惯。于是我自己开发了一个
    看你回复才去体验了下 requestly ,功能很强大、制作也很精美。但是有点重的感觉:登录、同步、组、Session 。。。感觉用不到这么多功能,另外就是它的配置页面竟然是在一个网站上,没法离线了。如果再给我一次机会,我还是会开发 ModifyAjaxResponse
    imwangpan
        7
    imwangpan  
       2023-06-27 16:28:47 +08:00
    感谢分享,感觉挺简单方便的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2637 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 15:38 · PVG 23:38 · LAX 07:38 · JFK 10:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.