Chrome Android隐私模式下Fetch API出现net::ERR_FAILED错误求助

可能的限制原因 #

• 并行请求数限制：Chrome Android隐私模式下，同域名并行HTTP/1.1请求的阈值比普通模式更严格。普通模式Chrome默认同域名并行请求数为6-8，而隐私模式可能降到4以内。一次性发起200张并行请求会触发队列阻塞，部分请求因超时或被直接拒绝返回net::ERR_FAILED。
• 存储配额限制：隐私模式下Chrome会大幅压缩临时存储（如Cache Storage、内存缓存）的配额，且会话结束后立即清空。如果你的Fetch请求尝试将图片存入缓存（哪怕是浏览器自动缓存），当配额耗尽时，后续请求会直接失败。
• 资源优先级压制：隐私模式下Chrome会优先保障核心资源（HTML、CSS、脚本）的加载，大量并行图片请求会被判定为非紧急资源，部分请求会被浏览器主动终止以节省系统资源。

可行的解决方案 #

• 分批串行请求：将200张图片拆分批次，每批控制在6-8张，完成一批后再发起下一批，避免突破并行请求限制。示例代码：

async function fetchImagesInBatches(urls, batchSize = 6) {
  const results = [];
  for (let i = 0; i < urls.length; i += batchSize) {
    const batchUrls = urls.slice(i, i + batchSize);
    const batchResults = await Promise.all(
      batchUrls.map(url => fetch(url).then(res => res.blob()))
    );
    results.push(...batchResults);
  }
  return results;
}

• 禁用缓存（非必要时）：如果不需要缓存图片，在Fetch请求中添加cache: 'no-store'选项，规避隐私模式的存储配额限制：

fetch(imageUrl, { cache: 'no-store' })

• 标记高优先级请求：针对Chrome 105+版本，可通过priority: 'high'标记图片请求为高优先级，降低被浏览器终止的概率：

fetch(imageUrl, { priority: 'high' })

• 改用<img>预加载：如果只是为了后续在页面中使用图片，直接创建<img>元素并设置src，浏览器会自动管理请求队列和资源优先级，比手动Fetch更适配隐私模式的限制：

function preloadImages(urls) {
  return Promise.all(
    urls.map(url => new Promise((resolve, reject) => {
      const img = new Image();
      img.onload = () => resolve(img);
      img.onerror = reject;
      img.src = url;
    }))
  );
}

机制补充说明 #

Chrome隐私模式的核心设计目标是隔离用户会话、防止追踪，因此额外增加了这些限制：

• 收紧并行请求数，避免第三方通过批量请求采集用户行为数据；
• 临时存储配额仅为普通模式的约10%，且所有数据在会话结束后彻底清除；
• 资源调度逻辑向核心页面资源倾斜，非关键资源的加载优先级被大幅降低。

内容的提问来源于stack exchange，提问作者JuCachalot