如何检测PWA是否通过文件启动？

核心问题在于launchQueue.setConsumer仅在通过关联文件/协议启动Web App时才会触发回调，常规浏览器地址栏访问不会执行该回调。因此不能依赖这个回调来处理默认初始化逻辑，正确的做法是：

1. 先执行默认初始化流程（打开欢迎文本）
2. 再监听文件启动事件，若触发则覆盖默认行为打开目标文件

修正后的代码 #

// 先执行默认初始化：不管启动方式，先打开欢迎文本
textRecord.open('a welcome text');

// 仅在支持Launch Queue API的环境下，处理文件启动逻辑
if ('launchQueue' in window && 'files' in LaunchParams.prototype) {
  launchQueue.setConsumer((launchParams) => {
    // 这里的回调只会在通过文件启动时触发，无需判断files.length
    const fileHandle = launchParams.files[0];
    textRecord.open(fileHandle);
  });
}

关键说明 #

• 不要把默认初始化逻辑放在setConsumer回调内：常规访问时回调不会执行，会导致初始化失败
• 'files' in LaunchParams.prototype仅用于检测浏览器是否支持文件启动的API特性，而非判断当前是否通过文件启动
• launchQueue.setConsumer的回调触发时机：只有当用户通过文件资源管理器双击关联文件、或通过其他关联协议启动Web App时，才会调用该回调，此时launchParams.files必然包含至少一个文件句柄

内容的提问来源于stack exchange，提问作者João Melo