chrome 也支持模拟请求喽

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

如何设置本地覆盖

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

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

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

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

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
患得患失94917 分钟前
【前端】【React】React性能优化系统总结
前端·react.js·性能优化
LaughingZhu32 分钟前
PH热榜 | 2025-05-24
前端·人工智能·经验分享·搜索引擎·产品运营
资深前端之路42 分钟前
vue+threeJs 创建多色几何体+加载obj模型+跳转ojb模型中心
前端·javascript·vue.js
守城小轩1 小时前
Chrome浏览器隐私与安全功能完全指南
chrome·chrome devtools·指纹浏览器·浏览器开发·超级浏览器
Magnum Lehar2 小时前
vulkan游戏引擎vulkan部分的frame_buffer实现
java·前端·游戏引擎
刺客-Andy2 小时前
React 第四十七节 Router 中useLinkClickHandler使用详解及开发注意事项案例
前端·javascript·react.js
EndingCoder2 小时前
React从基础入门到高级实战:React 核心技术 - 动画与过渡效果:提升 UI 交互体验
前端·javascript·react.js·ui·前端框架·交互
weixin_472339465 小时前
前端安全直传MinIO方案
前端·安全·状态模式
互联网搬砖老肖9 小时前
React的单向数据绑定
前端·javascript·react.js
NoneCoder9 小时前
React 生命周期与 Hook 理解解析
前端·react.js·面试