chrome 也支持模拟请求喽

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

如何设置本地覆盖

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

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

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

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

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
Beginner x_u8 分钟前
前端八股整理(工程化 02)|CommonJS/ESM、Webpack Loader/Plugin 与Vite 对比
前端·webpack·node.js·plugin·loader
openKaka_27 分钟前
createRoot 到底创建了什么:FiberRootNode 和 HostRootFiber 的初始化过程
前端·javascript·react.js
习明然1 小时前
UniApp开发体验感受总结
前端·uni-app
刀法如飞2 小时前
Claude Code Skills 推荐:2026年最值得安装的10个AI技能
前端·后端·ai编程
Lee川2 小时前
面试手写 KeepAlive:React 组件缓存的实现原理
前端·react.js·面试
墨染天姬3 小时前
【AI】cursor提示词小技巧
前端·数据库·人工智能
烛阴3 小时前
TEngine 入门系列(一):TEngine 是什么 & 为什么选它
前端·unity3d
转转技术团队3 小时前
WebNN:让 AI 推理在浏览器中“零距离”运行
前端
刀法如飞3 小时前
TypeScript 数组去重的 20 种实现方式,哪一种你还不知道?
前端·javascript·算法
IT_陈寒3 小时前
Vite热更新失效?你可能漏了这个小细节
前端·人工智能·后端