现在的位置: 网页制作教程网站制作经验 >正文
网页高级教程

点击苹果web网站桌面图标WebApp显示全屏模式

发表于2020/6/2 网站制作经验 0条评论 ⁄ 热度 173℃

在苹果iPhone设备上。当将网站web添加到主屏幕后,点击桌面webapp时,如何直接显示全屏模式,隐藏地址栏。

其实我们可以通过添加meta标签实现,属性分别时apple-mobile-web-app-capable、apple-touch-fullscreen,代码如下:

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />

当我们直接点击主屏幕上web图标时,启动后就直接全屏显示了,隐藏了地址栏。需要注意的是:如果从Safari浏览器跳转或者输入链接进入网站的,并没有全屏效果。

  • 暂无评论