Chrome 浏览器调试如何 block 特定请求

2,677 阅读1分钟

操作说明

20231108-180756.gif

功能描述

可以用于阻止网络请求, 阻止后状态展示的是 (blocked:devtools),fetch 方法会抛出异常

功能位置

  1. Network 面板的右键菜单
  2. 右上角菜单的更多工具

具体阻止的配置可以在底部栏的 network request blocking 统一查看

操作动线

  1. 打开调试面板的 network tab,在任意请求上点击右键

    1. Block request URL: 阻止这个url的请求
    2. Block request domain:阻止这个域名的请求
  2. 点击需要的操作

  3. 有需要的话,在 network request blocking 中进行其它微调

应用场景

  • 有意阻止部分资源加载

  • 测试异常case

  • 缺陷

    • 仅支持block,不支持模拟返回内容

其它

icon-lv-qrcode-logo.svg