Firefox如何实现类似Chrome的单网站多文件批量下载？

一、开启Firefox批量下载的原生配置 #

Firefox默认限制同一来源的自动批量下载，你可以通过修改隐藏配置开启：

• 地址栏输入 about:config 并回车，接受风险提示
• 搜索 browser.download.manager.allowMultipleDownloads
• 将其值改为 true

这个配置开启后，Firefox会允许同一来源的多次下载请求，不用额外代码就能支持类似Chrome的批量下载提示。

二、调整JavaScript代码适配Firefox安全策略 #

你之前的代码无效，核心原因是Firefox不允许在无用户主动交互的上下文里触发自动下载/弹窗，模拟的鼠标事件不属于用户真实交互。调整方案如下：

1. 先在页面添加一个触发按钮（用户必须手动点击这个按钮）：

<button id="startBatchDownload">开始批量下载</button>

2. 绑定按钮点击事件，在用户交互上下文里执行下载逻辑：

document.getElementById('startBatchDownload').addEventListener('click', async () => {
  const urls = [
    'https://your-domain.com/file1.pdf',
    'https://your-domain.com/file2.jpg',
    // 替换成你的实际下载链接列表
  ];

  for (const url of urls) {
    const a = document.createElement('a');
    a.href = url;
    a.download = ''; // 强制触发下载而非跳转（同源链接有效）
    a.target = '_blank';
    a.rel = 'noopener noreferrer';
    
    a.click(); // 真实触发点击，此时处于用户交互上下文，Firefox不会拦截
    
    // 给每个请求加小延迟，避免浏览器因请求过于频繁而拦截
    await new Promise(resolve => setTimeout(resolve, 150));
  }
});

关键说明： #

• 必须在用户主动触发的事件（比如按钮点击）中执行下载逻辑，这是Firefox安全策略要求
• 加上download属性可以强制浏览器触发下载，而非打开文件或跳转主页
• 加入延迟是为了避免Firefox将短时间内的大量请求判定为恶意行为而拦截

三、关于CORS限制的说明 #

你提到的CORS保护仅针对fetch/XMLHttpRequest这类AJAX请求，而通过<a>标签触发的下载属于浏览器的原生导航行为，同源情况下完全不受CORS限制，所以只要在用户交互上下文里执行，就能正常触发下载。

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