是否可开发类似PWA手动安装的代码，实现无需浏览器工具卸载PWA？

核心结论 #

当前不存在类似安装逻辑的可编程接口可以让网页端触发PWA卸载流程，你无法通过前端代码实现用户点击按钮直接卸载PWA的需求。

原因说明 #

• 浏览器的安全策略明确限制了网页端对已安装应用的操作权限，卸载权限完全归属用户所有，避免恶意站点随意删除用户已安装的应用、侵犯用户控制权。
• 目前W3C的PWA相关标准中，也没有定义可由网页主动调用的卸载触发API，所有PWA的卸载操作只能由用户手动通过浏览器/系统自带的应用管理功能完成。

可落地的折中方案 #

你可以在PWA内增加卸载操作指引，引导用户快速完成操作，同时可以通过API检测安装状态判断是否需要展示指引：

1. 使用navigator.getInstalledRelatedApps()检测当前用户是否安装了你的PWA，示例代码：

// 检测是否已安装PWA
async function checkPWAInstalled() {
  if ('getInstalledRelatedApps' in navigator) {
    const relatedApps = await navigator.getInstalledRelatedApps();
    return relatedApps.some(app => app.id === '你的PWA唯一ID');
  }
  return false;
}

2. 当检测到已安装时，在页面展示图文卸载指引，参考操作步骤：

1. 打开已安装的PWA应用，点击窗口顶部的「更多」按钮（三个点图标）
2. 在弹出的菜单中选择「卸载 [你的应用名称]」
3. 确认卸载操作即可完成移除
   

附：PWA安装实现代码 #

你提供的安装功能代码可正常使用，整理后如下：

var fab = document.querySelector('#fab');
var deferredPrompt;

fab.addEventListener('click', function () {
  if (deferredPrompt) {
    deferredPrompt.prompt();
    deferredPrompt.userChoice.then(function (choice) {
      if (choice.outcome === 'dismissed') {
        console.log('installation was cancelled');
      } else {
        console.log('User Added To Home Screen');
      }
    });
    deferredPrompt = null;
  }
});

// ********************************************************************

window.addEventListener('beforeinstallprompt', function (event) {
  console.log('beforeinstallprompt run .');
  event.preventDefault();
  deferredPrompt = event;
  return false;
});

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