安装
发布于
安装是 PWA 离开浏览器标签页、成为主屏、程序坞或开始菜单中一款应用的时刻。要做到 这一点，需满足各平台的可安装条件、得体地呈现安装时机，并在安装后用徽章与通知实现 再触达。
这些条目讲解什么让 PWA 可安装、安装提示在各平台如何运作，以及何时与如何询问的体验 决策。
安装提示beforeinstallprompt、延迟并在用户手势中触发安装、appinstalled，以及 iOS 的差异。
Badging API：已安装 PWA 的应用图标徽标如何使用 Badging API 在 PWA 的应用图标上设置和清除数字或存在性徽标，以及 Android、iOS 和桌面端的平台支持说明。
桌面端 PWA 安装：Chrome、Edge 及更多PWA 安装在 Windows、macOS、Linux 和 ChromeOS 上的工作方式——安装 UI、窗口管理、操作系统集成以及各平台差异。
getInstalledRelatedApps()：检测已安装的原生或 PWA 对应应用navigator.getInstalledRelatedApps() 如何让 web 应用检查在 manifest 的 related_applications 中声明的相关 Android、UWP 或 PWA 对应应用是否已安装，以及各平台所需的验证方式。
安装提示 UX：何时、如何展示安装按钮使用 beforeinstallprompt API 自定义 PWA 安装提示的时机、位置与文案的最佳实践，包括 iOS 和桌面端的回退方案。
安装后的应用快捷方式清单中声明的快捷方式只能通过右键单击或长按应用图标显示，这意味着它们只有在 PWA 安装之后才可用。
可安装性条件：PWA 如何才能被安装浏览器显示安装提示或允许用户将应用添加到主屏幕之前，PWA 必须满足的精确条件——按平台分别说明。
iOS 添加到主屏幕：iOS PWA 安装PWA 安装在 iOS 与 iPadOS 上的工作方式——手动"添加到主屏幕"手势、主屏幕条目能做什么，以及 iOS 26 对 Web 应用模式的改变。
N+1 安装问题：同一个 PWA、多份互相独立的安装安装 PWA 为何与用来安装它的浏览器绑定，导致同一个 PWA 可能在设备上被不同浏览器分别安装为互相独立、数据隔离的多份实例——以及为什么只有执行安装的那个浏览器才知道已安装状态。
更丰富的安装 UI：用 description 与 screenshots 丰富安装提示为清单 description 与 screenshots 字段提供取值后，这些取值仅会在 Android 上被加入安装提示，而浏览器默认的安装提示仅显示应用的名称和图标。
Trusted Web Activity（TWA）：PWA 进入 Play 商店Trusted Web Activity 是什么、与 WebAPK 有何不同、数字资产链接（Digital Asset Links）验证如何工作，以及何时使用 TWA 而非其他安装方式。
卸载已安装的 PWA用户如何在桌面端和 iOS 上卸载已安装的 PWA，以及各平台的管理界面在哪里——依据 MDN 与 Microsoft Edge 官方文档。
WebAPK：Chrome 在 Android 上安装 PWA 的方式WebAPK 是什么、Chrome 如何铸造和更新它、与网页快捷方式相比它开放了哪些能力，以及它的局限性。
← 返回参考总览。