-
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”（启用本地覆盖）复选框。或者，你可以直接删除之前创建的替代文件。
