chrome 也支持模拟请求喽

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

如何设置本地覆盖

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

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

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

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

5、如何清除mock的数据

演示:

覆盖HTTP请求返回值

覆盖HTTP header请求

参考:

相关推荐
程序员清洒5 小时前
Flutter for OpenHarmony:GridView — 网格布局实现
android·前端·学习·flutter·华为
VX:Fegn08955 小时前
计算机毕业设计|基于ssm + vue超市管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
0思必得05 小时前
[Web自动化] 反爬虫
前端·爬虫·python·selenium·自动化
LawrenceLan5 小时前
Flutter 零基础入门(二十六):StatefulWidget 与状态更新 setState
开发语言·前端·flutter·dart
秋秋小事6 小时前
TypeScript 模版字面量与类型操作
前端·typescript
2401_892000526 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加提醒实现
前端·javascript·flutter
Yolanda946 小时前
【项目经验】vue h5移动端禁止缩放
前端·javascript·vue.js
广州华水科技7 小时前
单北斗GNSS形变监测一体机在基础设施安全中的应用与技术优势
前端
EndingCoder8 小时前
案例研究:从 JavaScript 迁移到 TypeScript
开发语言·前端·javascript·性能优化·typescript
阿珊和她的猫9 小时前
React 路由:构建单页面应用的导航系统
前端·react.js·状态模式