问题描述
如果是只要在同一个域名下配置了pwa功能,那么当从桌面上打开这个pwa软件时,就会像真正的app运行一样,全屏显示,并且不显示网址的,但是如果要动态配置打开pwa时动态加载不同的网址,使用 window.location.href = “网址”这种形式重定向url就会导致pwa出现地址栏:
所以要想实现顶部不出现这种网址栏,就要另辟蹊径,寻找别的解决方案了。
解决办法
其实最简单的办法就是使用iframe技术,嵌套一个页面进去,当不是在pwa中打开的时候,就隐藏这个iframe,当检测到是在pwa中打开的时候,就隐藏别的元素,然后显示这个iframe元素:
<!DOCTYPE html>
<html lang="zh-cmn-Hans"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta cont