chrome 使用本地替换功能替换接口返回内容

前言

在web开发或测试过程中，我们经常会需要修改接口返回值来模拟数据进行开发或测试。

常用的方式一般通过抓包工具，如charles，或fildder 的功能。

例如我们可以使用charles打断点的方式，或者使用charles的map local 功能进行本地替换。

本文介绍不通过代理或抓包的方式，在浏览器中进行请求内容的替换。

Chrome 本地替换功能使用

1、如下图，我们要替换接口返回数据或内容

2、对需要替换内容的接口右键，点击替换内容

3、选择文件夹，并授权

4、修改接口返回值，ctr + s保存后，请重新请求接口

重新请求后，浏览器收到的数据就是我们替换后的数据

参考地址：https://developer.chrome.com/docs/devtools/overrides?hl=zh-cn