是否有浏览器支持在开发者工具中单步逐次调试网络请求？

原生Chrome、Edge、Firefox等主流浏览器的开发者工具，没有内置类似IDE单步调试那样「默认暂停所有资源加载、手动确认后自动加载下一个请求」的开箱即用功能，这也不是前端领域的常识性内置能力。

你可以用以下几个低操作门槛的方案实现同等排查效果，步骤简单适合远程指导非技术人员操作：

• 方案1：全局请求拦截实现逐次核对
  这是最接近你要的单步效果的方案，操作步骤：
  1. 打开目标页面按F12唤起开发者工具，切换到「网络（Network）」面板
  2. 勾选面板顶部的停用缓存（Disable cache）选项，避免本地缓存干扰排查结果
  3. 找到面板工具栏的请求拦截开关开启，添加一条匹配所有地址的拦截规则*
  4. 刷新页面，此时所有待发出的网络请求都会被拦截暂停，不会实际发送到服务端
  5. 你可以在拦截列表里逐个查看每个请求的地址、请求参数、请求头信息，确认无异常点「放行（Resume）」即可发送当前请求，不点放行所有请求会一直保持暂停状态，完全满足逐次排查的需求

  注意：部分低版本浏览器对页面首次加载的导航请求拦截兼容性一般，刷新页面前提前开启拦截即可覆盖99%以上的静态资源、接口请求场景

• 方案2：低速节流+排序快速定位异常请求
  如果不需要严格控制加载顺序，只是要从大量请求里找出异常项，操作更简单：
  1. 同样打开「网络（Network）」面板勾选停用缓存
  2. 找到面板顶部的「节流（Throttling）」下拉选项，选择最低速的「低速3G」档位，大幅拉长所有请求的加载时间线
  3. 把请求列表按「发起时间（Start Time）」排序，所有请求会按触发顺序从上到下排列，状态列为红色、标记为(failed)、返回4xx/5xx状态码的就是异常请求，直接点进去就能看完整请求响应详情
• 方案3：异常请求自动断点
  如果已经明确异常是接口请求报错触发的，可以直接开请求断点自动停在异常位置：
  1. 开发者工具切换到「源代码（Sources）」面板
  2. 在侧边栏找到「XHR/提取断点（XHR/fetch Breakpoints）」配置项，勾选「拦截任何请求」，也可以只填入你怀疑的异常URL关键词做模糊匹配
  3. 刷新页面，每当有匹配的请求即将发起时，浏览器会直接在发起请求的代码位置断住，你可以核对调用栈、入参是否正常，点击恢复脚本执行就会继续运行后续逻辑

内容的提问来源于stack exchange，提问作者Mayor of the Plattenbaus