用浏览器就能mock请求了

a8571d7cbbf2e8333ea112b460df2d7e.png

打开开发者工具,前往网络面板,右键点击要替换的请求,然后从下拉菜单中选择替换响应头或替换内容。

57e075b9181639b04a58d4316af43a60.png

如果您尚未设置本地替换,则开发者工具会在顶部的操作栏中提示您执行以下操作:

选择一个文件夹以存储替换文件。

651a7a050d1ed3dfacc984eeda790460.png

点击 Allow(允许)以授予开发者工具访问权限。

b52aa1bbef676e617f470afa8c3e0cad.png

如果您已设置本地替换项但已停用,则开发者工具会自动启用它们。

您可以修改来源中的文件,开发者工具会保存修改后的文件,在来源 > 替换中列出它们,并会在相关面板和窗口格中被替换的文件旁边显示 已保存图标:

5f45e2f252db7fd13893686da0ca77f8.png

此外,对于包含已覆盖 Web 内容的请求的响应标签页,网络面板上会显示一个紫色圆点图标,并且旁边有一个提示。

6de895572462cdfef1d0d28346f74e13.png

如需了解此工作流,请观看以下视频:

替换 HTTP 响应头

通过响应头替换项,您可以在本地修改跨域资源共享 (CORS) 响应头。

转到网络,找到相应请求,右键点击该请求,然后选择替换响应头。开发者工具会带您进入 Headers > Response Headers 编辑器。

将鼠标悬停在响应标头值上,并将光标置于该处。

987194ae76035c7b3829fb8b2b4fbce0.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值