-
1.打开Chrome DevTools:
- 使用快捷键F12或右键点击页面并选择“检查”来打开Chrome DevTools。
-
2.导航到Network面板:
- 在DevTools的顶部菜单中,选择“Network”(网络)面板以监视网络请求。
-
3.发起目标请求:
- 确保“Preserve log”(保留日志)选项已勾选,防止日志被清除。然后,在网页上执行操作以发起你想要替换返回内容的接口请求。
-
4.找到并拦截请求:
- 在Network面板的请求列表中,找到你感兴趣的接口请求。这通常是一个XHR(XMLHttpRequest)或Fetch请求。
- 右键点击该请求,并从下拉菜单中选择“替换内容”(用本地文件覆盖内容)或类似的选项(注意:不同版本的Chrome DevTools界面和选项可能有所不同,但通常会在右键菜单中找到与覆盖或修改请求相关的选项)。
-
5.选择文件夹并允许权限:
- 如果这是你第一次使用覆盖功能,DevTools会提示你选择一个文件夹来存储覆盖文件。选择一个你有读写权限的非系统盘文件夹,并点击“允许”以授予DevTools访问权限。
-
6.编辑并保存替代文件:
- 使用DevTools提供的编辑器或外部文本编辑器打开替代文件,并根据需要修改其内容。
- 修改完成后,保存文件。DevTools会自动将修改后的文件保存在你之前选择的文件夹中。
-
7.重新发起请求并验证:
- 回到你的网页,并重新发起之前拦截的接口请求。这次,浏览器将使用你提供的替代文件作为响应内容。
- 检查网页的行为和外观,以确保替代内容按预期工作。
-
8.恢复原始响应(可选):
- 如果你想要恢复使用服务器上的原始响应,可以在DevTools的Sources面板中找到Overrides选项卡,并取消勾选“Enable local overrides”(启用本地覆盖)复选框。或者,你可以直接删除之前创建的替代文件。