chrome 也支持模拟请求喽

早在2023/4/12,chrome已经支持使用本地覆盖web内容和HTTP相应标头,通过本地覆盖可以模拟远程资源。话不说直接开始

如何设置本地覆盖

1、打开 DevTools,导航到"网络"面板,右键单击要覆盖的请求,从下拉菜单中选择"覆盖标头"或"覆盖内容" 。

2、如果您尚未设置本地覆盖,则在顶部的操作栏中,DevTools 会提示您:选择一个文件夹来存储覆盖文件。

3、单击 "允许" 以授予 DevTools 对其的访问权限。

4、如果您设置了本地覆盖但已禁用,DevTools 会自动启用它们。

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
郁大锤15 分钟前
Flask与 FastAPI 对比:哪个更适合你的 Web 开发?
前端·flask·fastapi
HelloRevit1 小时前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js
ohMyGod_1232 小时前
用React实现一个秒杀倒计时组件
前端·javascript·react.js
eternal__day2 小时前
第三期:深入理解 Spring Web MVC [特殊字符](数据传参+ 特殊字符处理 + 编码问题解析)
java·前端·spring·java-ee·mvc
醋醋2 小时前
Vue2源码记录
前端·vue.js
江耳2 小时前
从10秒到无限流:我用Vercel+NextJS实现AI流式对话遇到的超时问题及解决方案
前端
总之就是非常可爱2 小时前
三分钟让你看懂alien-signals computed基本原理
前端
JustHappy2 小时前
「我们一起做组件库🌻」虚拟消息队列?message组件有何不同?(VersakitUI开发实录)
前端·javascript·vue.js
Carlos_sam2 小时前
Openlayers:为Overlay创建element的四种方式
前端·javascript·vue.js
纵昂2 小时前
Js中常用数据转换及方法记录汇总
前端·javascript