在可信网络活动应用程序中检查独立模式

Sam*_*pat 3 progressive-web-apps trusted-web-activity

我有一个 PWA 应用程序,我在其中检查应用程序是否处于独立模式(下面的代码片段),否则提示用户安装横幅。

let windowNav: any = window.navigator;    
if (window.matchMedia('(display-mode:standalone)').matches || windowNav.standalone) {
             this.isStandAlone = true;
        }
Run Code Online (Sandbox Code Playgroud)

最近,我还为此创建了一个 TWA 应用程序。现在,当我从 Playstore 安装应用程序时,尽管应用程序处于独立模式,但以下检查失败。是否有不同的方法来检查 TWA 应用程序中的独立模式?或者检查该应用程序是否是 TWA 应用程序的方法?

谢谢

小智 5

对于 TWA 而言,独立功能不太有用。如果你想知道你的应用程序正在 TWA 上运行,你可以做的是设置一个 sessionStorage 作为标志,如果满足某些条件。当 TWA 应用程序打开时,您可以在 document.reffer 属性中获取包名称,例如 com.example,并且您还可以在查询参数中传递一些值来检查您的应用程序。已打开。所以,这看起来像这样。

if(document.referrer == 'android-app://com.example' && location.href.includes('?twa=true')){ sessionStorage.isTwa = 1; }

当应用程序打开时,会话开始,isTwa 将设置为 1,当应用程序关闭时,会话也结束。与 Chrome 选项卡会话相同。


归档时间:

查看次数:

1031 次

最近记录:

6 年,6 月 前