jquery-mobile – 隐藏Safari地址栏和页脚

前端之家收集整理的这篇文章主要介绍了jquery-mobile – 隐藏Safari地址栏和页脚前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的jQuery Mobile项目中,我使用以下代码
<Meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">

我正在获取Safari浏览器地址栏和导航页脚。如何隐藏这些,所以我可以让我的应用程序显示

解决方法

您可以设置几个元标记来告诉iOS,您的网站可以作为网络应用添加到主屏幕。从那里开始,所有的Safari元素都被隐藏。

查看标题为“隐藏Safari用户界面组件”的部分here

您可以为主屏幕上显示的应用指定启动启动屏幕图像和自定义图标。

<Meta name="viewport" content="width=device-width,maximum-scale=1">
<Meta name="apple-mobile-web-app-capable" content="yes" />
<Meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon" href="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="apple-touch-startup-image-768x1004.png" />
原文链接:https://www.f2er.com/jquery/182755.html

猜你在找的jQuery相关文章