如何让链接直接打开iOS已添加至主屏的Web应用？

问题场景 #

• Alice 通过Safari将example.com添加至iOS主屏，获得了通知API等额外权限；
• Bob 发送example.com的链接给Alice，Alice点击后会在Safari标签页打开，无法使用主屏应用的权限；
• 需要解决：如何直接唤起主屏Web应用，或在标签页中检测并引导用户切换到主屏应用。

解决方案 #

1. 直接生成唤起主屏Web应用的链接 #

目前iOS Safari不支持通过常规HTTP/HTTPS链接直接唤起已添加到主屏的Web应用，所有外部链接都会默认在浏览器标签页打开，没有原生方案实现直接跳转。

2. 浏览器标签页检测主屏应用并引导切换 #

可以通过前端代码检测当前环境，并引导用户手动切换：

• 使用window.navigator.standalone属性判断环境：在主屏Web应用中该属性返回true，在普通Safari标签页中返回false；
• 检测到处于浏览器环境时，显示明确提示，告知用户需启动主屏上的应用以使用完整权限（如通知功能），并指导用户从主屏打开应用；
• 注意：无法通过代码自动跳转至主屏应用，必须由用户手动操作完成切换。

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