Как скрыть панель навигации в pwa при открытии внешней ссылки

#javascript #progressive-web-apps #external-links

Вопрос:

как лучше всего скрыть навигационную панель с тремя точками при открытии внешнего веб-сайта в приложении PWA?

введите описание изображения здесь

Дело в том, что приложение уже построено, но при нажатии на внешнюю ссылку я хотел открыть его в автономном режиме в приложении, поэтому единственным возможным способом вернуться назад будет использование жеста салфетки на Android 😉

Это код, используемый для открытия этого:

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

Ответ №1:

В вашем webmanifest.json scope атрибуте определяется, какие веб-сайты принадлежат вашему приложению. Если пользователь переходит на веб-сайт, не охватываемый областью действия, он будет открыт за пределами окна приложения.

Подробнее смотрите здесь: developer.mozilla.org

Комментарии:

1. итак, можно ли добавить несколько областей в приложение?