卸载已安装的 PWA

一句话： 卸载已安装的 PWA 是一个因平台而异的操作——桌面端 Chromium 浏览器从应用 列表中管理，iOS 从主屏幕图标管理——根据 MDN 的说明，它做的不只是移除一个快捷方式。

是什么

根据 MDN 的安装与卸载指南，安装 PWA 所做的远不止创建一个指向页面的链接（它可以把应用 注册为独立窗口或文件处理程序），MDN 指出卸载它同样不只是移除 PWA 的图标——但并未 具体说明到底撤销了哪些操作系统级集成。

支持情况

MDN 指出 PWA 可以卸载：在大多数移动操作系统上，其卸载方式与其他应用相同；一些移动系统 还提供应用控制面板，一些桌面系统则在打开的 PWA 内提供卸载操作。文档明确说明的入口包括：

• Chrome（桌面端）： 已安装的 PWA 在 chrome://apps 中列出并管理。
• Edge（桌面端）： 已安装的 PWA 在 edge://apps 中列出并管理。根据 MDN，在某些 桌面操作系统上，卸载也可以直接在打开的 PWA 内部完成，不仅限于浏览器的应用列表。根据 Microsoft Edge PWA 界面文档自身的说明，Windows 还会在系统级的“添加或删除程序”设置中 列出已安装的 PWA，与原生应用并列。
• iOS（通过 Safari 安装）： 已安装的 PWA 会出现在 iOS 的 App 资源库中，可以通过搜索 找到，但根据 MDN 的说明，它们不会像其他已安装应用那样列在“设置”中。PWA 与任何主屏幕 图标一样被移除，删除确认会说明移除该图标删除的是一个书签，还是已安装的完整应用。

如何使用

Chrome 与 Edge 都记录了浏览器管理已安装 PWA 的入口。Chrome 在 chrome://apps 中列出并 管理它们；Microsoft 对 Edge 的说明是打开 edge://apps，点击打开，再点击详细信息 以找到卸载操作：

Chrome：chrome://apps
Edge：  edge://apps → 打开 → 详细信息 → 卸载

如何在运行时检测

在受支持且完成关联配置的页面上，可以使用 getInstalledRelatedApps() 检查已安装的关联应用；该方法要求清单声明匹配的 related_applications 条目，且并非 所有浏览器或平台都支持：

if ('getInstalledRelatedApps' in navigator) {
  const relatedApps = await navigator.getInstalledRelatedApps();
  console.log(relatedApps);
} else {
  // 此处无法使用这项安装检查；显示文档列出的手动管理入口作为回退。
  console.log('请从 chrome://apps 或 edge://apps 管理应用');
}

常见问题

• 不要假设每个桌面浏览器都提供应用内卸载选项；MDN 记录的是只有部分桌面操作系统 支持在打开的 PWA 内部卸载——应用列表界面（chrome://apps、edge://apps）是 更普遍可用的路径。
• iOS 上已安装的 PWA 不会像原生应用那样列在“设置”中——应指导用户在 App 资源库中 查找该应用或移除主屏幕图标，并阅读删除确认信息，因为它会区分书签与完整安装的应用。
• getInstalledRelatedApps() 只会在满足其平台、作用域和应用关联关系要求时报告已安装 的关联应用；请保留文档明确列出的手动管理入口作为回退。
• MDN 指出卸载所撤销的不仅仅是图标，但未具体说明还撤销了什么——不要认为手动 “删除快捷方式”这一部分步骤等同于完整卸载。

延伸阅读

• 桌面端 PWA 安装 —— 本条目卸载所撤销的同一 操作系统级集成，其安装侧的说明。
• iOS 添加到主屏幕 —— 安装（以及 本条目所移除的主屏幕图标）在 iOS 上如何工作。