打开外部链接时如何在pwa中隐藏导航栏

问题描述

在 PWA 应用程序中打开外部网站时隐藏带有三个点的导航栏的最佳解决方案是什么？

情况是应用程序已经构建，但是当单击外部链接时，我想在应用程序中以独立模式打开，因此返回的唯一可能方法是在 android 上使用滑动手势；)

这是用来打开这个的代码：

      class="space-button"
      on:click={() => {
        if (depObj.viewUrl) {
          window.location.href = depObj.viewUrl;
        }
      }}
    >
      BUTTON TO OPEN EXTERNAL LINK
    </div> 

解决方法

在您的 webmanifest.json 中，scope 属性定义了哪些网站属于您的应用。如果用户导航到范围未涵盖的网站，它将在应用程序窗口之外打开。

在此处查看更多信息：developer.mozilla.org