chrome devtools提供五种网络请求控制方法：一、用network面板block request url阻断匹配url的请求；二、在sources中启用fetch/xhr断点拦截并修改请求；三、通过overrides持久化替换响应内容；四、用edit as fetch重放并自定义请求；五、结合disable cache与offline模式排除缓存干扰。
如果您在Chrome浏览器中进行网络请求调试时，希望阻止特定请求或在开发者工具中拦截并修改请求，则需要利用Chrome DevTools提供的网络请求控制功能。以下是实现该目标的具体步骤：
一、使用Network条件过滤和阻断请求
Chrome DevTools的Network面板支持通过URL模式匹配临时阻止指定请求，无需安装扩展即可生效，适用于快速测试与调试。
1、按F12打开开发者工具，切换到Network标签页。
2、右键点击Network面板空白区域，选择Block request URL。
3、在弹出的输入框中输入要阻止的URL关键词，例如/api/user或正则表达式如.*\/login.*。
4、刷新页面，匹配该模式的所有请求将被直接拦截并显示为blocked状态，不发出实际网络请求。
二、启用Fetch/XHR断点进行请求拦截与修改
通过设置断点，可在请求发出前暂停执行，允许查看并修改请求头、请求体等参数，适用于需要精细控制请求内容的场景。
1、在开发者工具中切换至Sources标签页。
2、左侧边栏展开Event Listener Breakpoints，勾选Fetch/XHR。
3、触发目标请求（如点击按钮提交表单），执行将在发送前暂停。
4、在右侧Scope或Call Stack中定位到当前fetch或XMLHttpRequest调用位置。
5、在暂停状态下，于Console中执行JavaScript代码修改request.headers或request.body，再按F8继续执行。
三、使用Overrides功能持久化修改请求响应
Overrides允许将本地文件映射为网络响应，从而绕过原始服务器返回内容，适合模拟接口异常、定制返回数据等调试需求。
1、在Sources面板中右键左侧文件树，选择Setup Overrides...。
2、选择一个本地文件夹用于保存覆盖文件，并点击Allow授权。
3、在Network面板中右键目标请求，选择Save for overrides。
4、双击刚保存的资源，在编辑器中修改响应内容，保存后刷新页面，Chrome将自动返回本地编辑后的响应而非远程服务器响应。
四、通过Edit as Fetch重放并修改请求
Edit as Fetch提供完整的请求重建能力，可自由调整方法、URL、Headers、Body等全部字段，适用于构造边界测试用例或复现问题场景。
1、在Network面板中右键任意已完成的请求，选择Edit and resend（若为fetch/XHR）或Copy as fetch后粘贴至Console执行。
2、若选择Edit and resend，将打开编辑窗口，其中可直接修改Method、URL、Headers、Payload等字段。
3、修改完成后点击Send，新请求将以当前配置发出，原始请求不受影响。
4、响应结果将单独显示在Network列表中，标记为replayed。
五、启用Disable cache与Offline模式辅助拦截验证
禁用缓存与强制离线可排除CDN、Service Worker或本地缓存干扰，确保所有请求均真实经过网络层，便于准确观察拦截与修改效果。
1、在Network面板顶部勾选Disable cache选项。
2、在Network面板右上角点击Online下拉菜单，选择Offline以切断所有网络连接。
3、此时页面发起的任何网络请求均会立即失败，状态码显示为net::ERR_INTERNET_DISCONNECTED。
4、结合Block request URL使用，可验证规则是否在无缓存干扰下仍准确生效。
