我正在参加「启航计划」
概述
在之前的《如何使用署理快速调试线上代码》中，跟咱们介绍了一部分调试线上代码的场景，今日这篇文章持续弥补别的一个场景：“修正后端接口回来的数据或许HTTP状况码”
事情是这样的：咱们“WEB用户前端界面交互工程缔造专家”（简称：Web开发）时不时需求验证一些接口的边界状况，这时经常遇到的场景是：修正后端接口回来的数据或许HTTP状况码
计划零：Mock
一提到“修正后端接口回来的数据或许HTTP状况码”这个场景，咱们第一时间想到的可能是 mock（对 mock 不是很了解的朋友能够先阅读一下：前端mock数据(超级详细)）。
但有一说一，许多时候 mock 用起来并不顺手（没有贬低的意思，仅仅场景不同，求勿喷 ﾍ(ﾟ∀ﾟﾍ)ｱﾋｬ ）
比如：
- 一些比较老的项目接口可能没有配 mock，
- 一些线上的接口，只想快速修正一下值，快速检查一下。这种状况启用 mock 的话有点杀猪用牛刀的赶脚
所以，针对今日介绍的场景，mock 并不是 “最快” 的挑选
计划一：Ajax Interceptor
关于快速“修正后端接口回来的数据”这个场景来说，谷歌插件：Ajax Interceptor 是目前在下觉得相对来说比较快的办法
下载地址
直接在谷歌应用商铺搜素 “Ajax Interceptor” ，或许直接访问地址：Ajax Interceptor 均可获取
作者如同木有发布到火狐上，只在谷歌应用商铺有找到
用法 & 演示
仍是拿主页来演示吧
如上图，这儿显现的连续签到天数是 18 天，咱们找到对应的数据接口以及其回来的数据是：
https://api./growth_api/v1/get_counts
{"err_no":0,"err_msg":"success","data":{"cont_count":18,"sum_count":203}}
如上图，装置并启用 Ajax Interceptor 后就能够指定接口以及需求修正的数据内容，装备好后，直接刷新从头请求的接口就会全部换成在 Ajax Interceptor 装备的内容，的确贼便利
PS：平时调试的时候留心一下有木有启用 Ajax Interceptor，有一次就是忘了启用了 Ajax Interceptor，在检查数据的时候一直木有正确的内容，找了半天才发现是自己弄的假数据 ╥﹏╥...
计划二：whistle
Ajax Interceptor 好用是好用，但美中不足的是只能修正接口回来的数据，不能修正 HTTP状况码，关于修正HTTP状况码的场景，whistle就比较好用
仍是拿上面的这个接口举例： https://api./growth_api/v1/get_counts
装置并启用 whistle 后，就能够如下图，修正呼应的HTTP状况码
One more thing，关于“修正后端接口回来的数据或许HTTP状况码”的这个场景，大伙如果有更好、更快的办法，麻烦评论区留言一下哈 o(￣▽￣)ｄ
