在 Trusted Web Activity APP 中检查独立模式

Question

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

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

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

谢谢

Answer 1

Standalone 在 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 选项卡会话相同。

在 Trusted Web Activity APP 中检查独立模式

Checking standalone mode in Trusted Web Activity APP

progressive-web-apps

trusted-web-activity