手机谷歌浏览器隐藏去掉地址栏变成“假APP”的可用方式。

文章类型:技术笔记    发表2023-09-22   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:175

最近小编在给一个客户开发大屏应用时候遇到一个问题,客户的大屏应用是安卓7.0,H5应用比较轻量实用,没必要去开发APP应用。当开发好之后,客户觉得用手机谷歌浏览器打开这个应该看上去不好看,想把地址栏隐藏掉,当时我下载了很多浏览器,查找浏览器的各种设置,以及使用了浏览器的全屏功能,效果都不好,都有瑕疵。最后还是通过谷歌搜索找到了办法,希望我的方法能让遇上的兄弟少走弯路。
第一步,在H5的页面head中加入以下meta声明代码:
<meta name="mobile-web-app-capable" content="yes">
第二步,打开手机浏览器,点击右上角的三点,点击添加到主屏幕。(如果手机有权限请打开权限)
第三步,点击刚刚桌面添加的,此时地址栏就去掉了,H5应该即变成了一个”假APP“了。