JS脚本批量下载M3U8资源仅部分文件成功问题求助

问题原因 #

你遇到的情况确实和click()有关：浏览器出于安全防恶意下载的机制，会限制短时间内连续触发的自动下载请求。循环里一次性调用所有click()，浏览器只会处理最后一个（或少数几个）请求，其余会被拦截——虽然DOM里生成了所有a标签，但点击事件并未被执行。

解决办法 #

1. 给下载请求添加时间间隔 #

通过setTimeout将每个下载请求错开几百毫秒，让浏览器有足够时间处理每个请求，避免触发限制。示例代码：

// 假设segments是你解析得到的所有分片URL数组
const segments = ['manifest.m3u8', 'videoPart.1.ts', 'videoPart.2.ts', ...];

segments.forEach((url, index) => {
  setTimeout(() => {
    downloadResource(url);
  }, index * 300); // 间隔300ms，可根据浏览器情况调整（200-500ms区间都可）
});

这个方法简单直接，不需要修改原有的downloadResource函数，大部分浏览器都能正常工作。

2. 打包所有分片为ZIP后一次性下载 #

这种方式体验更好，避免多个文件分散下载，还能彻底绕过浏览器的批量下载限制。需要用到JSZip库（可直接把JSZip的源码粘贴到控制台使用），示例代码：

// 先在控制台粘贴JSZip的完整代码
async function downloadAllAsZip(segments) {
  const zip = new JSZip();
  
  // 逐个下载分片并添加到ZIP包
  for (const url of segments) {
    const response = await fetch(url);
    const blob = await response.blob();
    const filename = url.split('/').pop();
    zip.file(filename, blob);
  }
  
  // 生成ZIP Blob并下载
  const zipBlob = await zip.generateAsync({ type: 'blob' });
  downloadResource(zipBlob, 'm3u8-all-segments.zip');
}

// 修改原downloadResource函数，兼容Blob类型
function downloadResource(resource, filename) {
  const a = document.createElement('a');
  a.href = typeof resource === 'string' ? resource : URL.createObjectURL(resource);
  a.download = filename || (typeof resource === 'string' ? resource.split('/').pop() : 'unknown-file');
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  
  // 释放Blob URL，避免内存泄漏
  if (typeof resource !== 'string') {
    URL.revokeObjectURL(a.href);
  }
}

// 调用打包下载函数
downloadAllAsZip(segments);

这个方法的优势是只触发一次下载，文件不会分散，还能避免浏览器的下载次数限制。

3. 浏览器扩展API（仅限Chrome/Edge等） #

如果你是在浏览器扩展环境中操作，可以使用chrome.downloadsAPI，它不受普通页面的下载限制，示例代码：

// 需在扩展manifest中声明downloads权限
chrome.downloads.download({
  url: 'https://example.com/videoPart.1.ts',
  filename: 'videoPart.1.ts'
});

但普通控制台无法直接使用这个API，仅适用于扩展开发场景。

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