如何解决开启下载确认设置时，chrome.downloads扩展API发起的下载自动中断问题？

这个问题的核心是Chrome的安全限制导致的：Service Worker属于后台无界面执行上下文，Chrome不允许在这种环境下直接触发需要用户交互的操作——比如saveAs: true对应的“另存为”对话框。当你从Service Worker发起带saveAs: true的下载请求时，Chrome会自动判定为“用户取消”（也就是你看到的USER_CANCELED中断原因），因为没有合法的用户交互上下文来弹出对话框，同时也不会抛出任何错误（这就是你看不到报错的原因）。

而当你关闭“下载前询问每个文件的保存位置”或者不设置filename/saveAs时，下载不需要用户交互，Chrome会直接按默认规则保存文件，所以Service Worker可以正常完成下载流程。

具体解决方案 #

根据你的需求，有两种可行的处理方式：

1. 从有界面上下文发起下载（推荐）

把下载请求转移到有用户交互能力的上下文里，比如扩展的弹出窗口（Popup）、选项页（Options Page）或者内容脚本（Content Script），这些上下文可以正常触发“另存为”对话框。

举个Popup的例子：

// popup.js
document.querySelector('#download-btn').addEventListener('click', () => {
  const url = "https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png";
  chrome.downloads.download({url, saveAs: true}, (id) => {
    if (chrome.runtime.lastError) {
      console.error('下载失败:', chrome.runtime.lastError);
      return;
    }
    console.log('下载已启动，ID:', id);
  });
});

如果需要通过快捷键触发，可以让Service Worker向Popup发送消息，由Popup发起下载（前提是Popup处于打开状态，或者先唤起Popup）。

2. 借助用户交互触发后台下载

如果必须从Service Worker触发下载，但需要用户确认，可以通过chrome.notifications创建一个通知，让用户主动点击通知后再发起下载——点击通知属于合法的用户交互，此时就能正常弹出“另存为”对话框。

示例代码：

// background.js
chrome.commands.onCommand.addListener((command) => {
  // 创建下载确认通知
  chrome.notifications.create({
    type: 'basic',
    iconUrl: './icons/icon-48.png', // 替换成你的扩展图标路径
    title: '确认下载',
    message: '是否要下载这张图片？'
  }, (notificationId) => {
    // 监听通知点击事件
    const handleNotificationClick = (clickedId) => {
      if (clickedId !== notificationId) return;
      
      const url = "https://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png";
      chrome.downloads.download({url, saveAs: true}, (id) => {
        if (chrome.runtime.lastError) {
          console.error('下载失败:', chrome.runtime.lastError);
        }
      });
      // 清理通知和监听器
      chrome.notifications.clear(notificationId);
      chrome.notifications.onClicked.removeListener(handleNotificationClick);
    };
    chrome.notifications.onClicked.addListener(handleNotificationClick);
  });
});

注意：使用这个方案需要在manifest.json中声明notifications权限。

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