progressive-web-apps - 在 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

在 TWA 的情况下，独立不是那么有用。如果您想知道您的应用程序正在 TWA 上运行，你可以做的是将 sessionStorage 设置为标志，如果满足某些条件。当 TWA 应用程序打开时，您可以在 document.reffer 属性中获取包名称，如 com.example，您还可以在查询参数中传递一些值来检查您的应用程序。被打开。所以，这看起来像这样。

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

当应用程序打开时， session 开始，isTwa 将设置为 1，当应用程序关闭时， session 也结束。与 chrome 选项卡 session 相同。