ManifestV3中下载大Blob至本地文件的字符限制问题求解

我实现了一套日志机制，将日志保存至数组中，需要将这些日志下载到本地文件。此前在Manifest V2中，我通过以下代码实现该功能：

const url = URL.createObjectURL(new Blob(reallyLongString, { type: 'text/plain' }));
const filename = 'logs.txt';
chrome.downloads.download({url, filename});

现在迁移至Manifest V3后，由于URL.createObjectURL在部分上下文（如服务工作者）中被限制使用，我尝试改用Data URL：

const url = `data:text/plain,${reallyLongString}`; 
const filename = 'logs.txt';
chrome.downloads.download({url, filename});

但遇到了问题：chrome.downloads.download的url参数存在字符数量限制，导致下载的文件仅包含字符串的一小部分。请问有什么方法可以解决这一限制？

方法1：直接传递Blob作为body参数（推荐，Chrome 89+） #

Chrome 89及以上版本的chrome.downloads.download API支持body参数，可直接传入Blob对象，无需创建URL，完美规避字符长度限制：

// 若日志是数组，先拼接成字符串（可按需调整分隔符）
const logText = reallyLongString.join('\n');
const logBlob = new Blob([logText], { type: 'text/plain' });

chrome.downloads.download({
  filename: 'logs.txt',
  body: logBlob
}, (downloadId) => {
  // 可选：添加下载状态回调
  if (chrome.runtime.lastError) {
    console.error('下载失败:', chrome.runtime.lastError);
  }
});

方法2：在支持URL.createObjectURL的上下文处理下载 #

如果日志生成在服务工作者中（无法使用URL.createObjectURL），可将日志暂存到chrome.storage.local，再在弹出页、选项页等普通页面上下文读取并触发下载：

1. 服务工作者中保存日志：

const logText = reallyLongString.join('\n');
chrome.storage.local.set({ logs: logText }, () => {
  // 通知前端页面触发下载
  chrome.runtime.sendMessage({ action: 'downloadLogs' });
});

2. 弹出页/选项页中处理下载：

chrome.runtime.onMessage.addListener((message) => {
  if (message.action === 'downloadLogs') {
    chrome.storage.local.get('logs', (result) => {
      const logBlob = new Blob([result.logs], { type: 'text/plain' });
      const url = URL.createObjectURL(logBlob);
      chrome.downloads.download({ url, filename: 'logs.txt' }, () => {
        // 下载完成后释放URL对象
        URL.revokeObjectURL(url);
        // 可选：清除存储的日志
        chrome.storage.local.remove('logs');
      });
    });
  }
});

方法3：使用fetch生成可下载响应 #

通过fetch和Response构造函数基于Blob创建响应，再传递给下载API（仅适用于支持URL.createObjectURL的上下文）：

const logText = reallyLongString.join('\n');
const logBlob = new Blob([logText], { type: 'text/plain' });

fetch(URL.createObjectURL(logBlob))
  .then(response => response.blob())
  .then(blob => {
    chrome.downloads.download({
      filename: 'logs.txt',
      body: blob
    });
  })
  .catch(err => console.error('处理失败:', err));

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