chrome 也支持模拟请求喽

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

如何设置本地覆盖

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

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

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

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

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
肥肠可耐的西西公主16 分钟前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫17 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月19 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学19 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~21 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi21 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强22 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*24 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^28 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
AC-PEACE1 小时前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc