安装
发布于
安装是 PWA 离开浏览器标签页、成为主屏、程序坞或开始菜单中一款应用的时刻。要做到 这一点,需满足各平台的可安装条件、得体地呈现安装时机,并在安装后用徽章与通知实现 再触达。
这些条目讲解什么让 PWA 可安装、安装提示在各平台如何运作,以及何时与如何询问的体验 决策。
beforeinstallprompt 事件Chromium 页面如何推迟 beforeinstallprompt 并用 prompt() 打开安装对话框,userChoice 报告什么,prompt() 为何拒绝,以及 Safari 的回退。
Badging APIsetAppBadge() 与 clearAppBadge() 如何在已安装应用图标上显示数字或圆点,哪些浏览器绘制它,TypeError 与无效情形,以及回退做法。
桌面端安装Chrome、Edge、Safari 与 Firefox 如何在 Windows、macOS、Linux 与 ChromeOS 上安装 web 应用,应用装在各系统的哪里,页面又如何检测安装态。
getInstalledRelatedApps()navigator.getInstalledRelatedApps() 如何报告 related_applications 中哪些条目已安装,各平台的验证方式,空数组与 InvalidStateError 的情形。
安装提示 UX页面只有三个可安装性信号(beforeinstallprompt、display-mode、appinstalled),各浏览器自带的安装入口长什么样,过早提示的代价,以及按平台显示入口的代码。
安装后的应用快捷方式manifest 的 shortcuts 菜单为何只存在于已安装应用的图标上,哪些启动器显示它,URL 如何解析,以及应用如何得知由哪个快捷方式启动。
可安装性条件各浏览器在提供安装入口前检查什么:Chrome 的 manifest 与 HTTPS 门槛、iOS 26 上 Safari 的零要求、Firefox 143 的任务栏 web 应用。
iOS 添加到主屏幕web 应用如何经共享菜单进入 iOS 主屏幕,iOS 16.4 与 26 上由什么决定以 web 应用还是书签打开,以及页面如何检测 standalone。
N+1 安装问题已安装的 web 应用为何归属于安装它的浏览器,同一站点为何会在一台设备上存在多份数据隔离的安装,哪些平台会去重,页面能检测到什么。
增强安装界面Chrome 如何把安装提示变成带 description 与 screenshots 的面板,截图尺寸、宽高比与 form_factor 规则,以及部署前如何检查 manifest。
Trusted Web ActivityTrusted Web Activity 如何把 PWA 上架 Google Play,Digital Asset Links 验证如何决定是否显示地址栏,以及它与 WebAPK 的区别。
卸载已安装的 PWAchrome://apps、edge://apps、Windows 设置、macOS 应用程序文件夹与 iOS 主屏幕分别把卸载操作放在哪里,以及卸载移除了什么。
WebAPKAndroid 上的 Chrome 如何由 manifest 铸造已签名的 APK,WebAPK 比快捷方式多出哪些包身份、intent filter 与启动画面,以及更新如何到达。
隔离 Web 应用(IWA)隔离 Web 应用是什么:经签名的 Web Bundle、isolated-app 协议、它新增的 manifest 字段、被施加的策略,以及可用范围。
Web Install API(navigator.install)navigator.install() 如何安装当前文档或某个 manifest URL、它需要的用户激活与权限,以及它拒绝时使用的 DOMException 名称。
← 返回参考总览。