代理工具Fiddler -调试与替换接口状态

2018-01-141058

前言

由于前后端联调的时候,需要测试后台接口的多种状态,根据状态做出不同的用户提醒。 如果每次传不同的数据给后台来获取不同的响应状态,就会很繁琐。 下面介绍一些简单的操作,让调试快到飞起来。enter description here

正常调用接口

enter description here

替换状态

按照下面的步骤走 enter description here 刷新页面重新请求接口,就会看到该接口的状态已改变 enter description here

状态说明

框架上面可选的状态有很多种,401,404等等这些前端比较需要捕获的,这里都可以找到。通过捕获这些状态,看看自己的页面有没有相对应的友好表现。 enter description here

自定义状态

如果没有找到自己想要的状态返回,你也可以自定义状态。

  1. 选择 “Create New Response...”
  2. Save
  3. 弹出窗口,按照自己需求来修改状态。(409 HELLO) enter description here 刷新请求,即可看到状态更改。 enter description here 当然,也可以修改返回的数据,response body 等等...

    替换文件

    有时候在线上出了问题不好调试,也可以试试替换文件的方法。 前端常用的就是替换 bundle.js 文件,或者是 app.css 文件. 在本地修改文件之后,打包好,然后按照下面的步骤走。 enter description here 刷新线上的请求,可看到本地的文件“影响”线上的效果。 祝你的debug之旅越走越轻松!enter description here

作者简介:李尧晖,芦苇科技web前端开发工程师,代表作品:飞花亭小程序、续航基因、YY表情红包、YY叠方块直播竞赛小游戏。擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发,专注于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究。

欢迎和我们一起并肩作战: web@talkmoney.cn 访问 www.talkmoney.cn 了解更多

分享
点赞0
打赏
下一篇:代理工具做微信项目的调试配置