使用 Chrome 开发者工具模拟静态资源文件及接口请求响应

模拟静态资源文件

打开控制台,进入【源代码】选项卡。

选择左侧的【覆盖】,勾选【启用本地替代】,选择对应的目录。

然后修改静态文件,点击保存,刷新页面即可查看静态资源效果。

可用于一些非前后端分离的项目的在线调试。

模拟接口请求

在【网络】-【Fetch/xhr】中,找到需要替换的接口,点击右键。

选择【替代内容】,可模拟更改返回值。

选择【替代标头】,可模拟更改请求头等信息。