摘要

一款集成了模仿和阻拦恳求并具有必定编程才干的谷歌浏览器插件,其间存储容量、巨细用色彩做了指示,界面简洁,交互友爱。因为对项目没有依赖性、侵入性,所以开发、测验、生产环境都适用。

一款集成了模拟和拦截请求并拥有一定编程能力的谷歌浏览器插件

运用场景

想象一下分明是要验证一个很简单的东西,可是这个问题复现的前置条件实在太难完结了,导致自己很痛苦。这里的太难完结可能是:

  • 业务流程太长(不熟悉流程或不想的重走一遍)
  • 要验证的是测验环境,不能通过前端硬编码处理
  • 修正数据库困难(没有条件改、不会改或许不想费事后端改)
  • 不想运用署理软件(没必要、没用过或许安装、装备费事等)

如何处理上述问题呢?如果能够在客户端接收数据前阻拦并加以修正再回来就能够到达意图。Easy Interceptor便是运用上述思路,它能够阻拦XMLHttpRequest,fetch数据恳求方法的http恳求,通过掩盖response,responseText字段,然后到达对数据的修正。作为一个chrome插件,天然的集成在用户测验环境,因而对运用者的心智担负极小。

  • xhr: 内部完成了一个假的XMLHttpRequest,因而运用xhr类型的恳求方法不会向后端宣布恳求,也无须后端服务支撑(xhr类型依赖于ajax-fake)
  • fetch: 通过署理其上的方法、属性,掩盖特定的字段,因而无法装备delay、status字段,还是会宣布恳求,需要确保接口正常才干收效,而且也不会改变devtool-network的信息(fetch类型运用Proxy)

注意:

插件仅针对content-type: json类型有用

如果你是一个熟练度拉满,有着完善的署理环境大可不必运用,仅作为特定场合的补充

特色

  • 免费,无广告推广,较好的用户体会
  • 提供监听当时恳求(省略手动填写的费事)
  • 集成monaco-editor,更便利的编辑处理文本(10W行数据也不会卡顿)
  • 导入导出,工程序列化
  • 更加友爱的交互,用色彩法杰出当时状态
  • 具有必定的js编程才干,能够动态处理数据,可打印输出信息

运用说明

动图演示

一款集成了模拟和拦截请求并拥有一定编程能力的谷歌浏览器插件

详细的操作参看下面的老版别

Q&A

为什么插件窗口只要800×600

这个是因为浏览器约束的,popup的形式最大支撑800×600,该形式的好处在于尽可能不影响项目自身(缺乏在于每次都会重新加载页面,因而插件做了很多的序列化以确保较好的用户体会)

存储只要5M,如何打破约束

首要response数据量太大导致的,能够把response面板设置为 null , code面板通过js修正数据(注意:此刻会发送真实的恳求,依赖后端服务)

为什么是262kb

这里是为了便利写程序,y = f(x) = log2(x),取了个公差为2的等差数列18 20 22;也便是2^18 = 262144,而且这些值也刚好适宜。

为什么fetch不支撑模仿恳求

首要是因为没有找的适宜的库,xhr类型是魔改的ajax-fake;而且现在的绝大部分运用都是基于xhr,因而仅对fetch做了署理来阻拦恳求,功用要稍微少一点。

为什么仅支撑json类型的恳求

起初是为了处理自测阶段部分场景的复现问题(现在的运用前后端交互根本都是json类型),期间运用了几个类似的插件发现用户体会不是很好,一些署理软件功用很强,可是个人也不太喜欢太重的装备,运用的环境要尽可能单一。

资源下载

因为成为谷歌开发者需要 $5,所以谷歌商场并没有此运用,请移步github的release页面下载。

老版别运用说明(v1.4前)

/post/701465…