chrome 也支持模拟请求喽

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

如何设置本地覆盖

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

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

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

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

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
也无晴也无风雨1 小时前
深入剖析输入URL按下回车,浏览器做了什么
前端·后端·计算机网络
Martin -Tang2 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational4 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐4 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄5 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
阮少年、5 小时前
java后台生成模拟聊天截图并返回给前端
java·开发语言·前端
郝晨妤6 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
AvatarGiser7 小时前
《ElementPlus 与 ElementUI 差异集合》Icon 图标 More 差异说明
前端·vue.js·elementui
喝旺仔la7 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui7 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui