Sat*_*000 19 safari viewport jquery-mobile
在我的jQuery Mobile项目中,我使用以下代码:
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
我正在获取Safari浏览器地址栏和导航页脚.我如何隐藏这些,以便我可以展示我的应用程序？
Don*_*ide 48
您可以设置一些元标记来告诉iOS您的网站可以作为Web应用程序添加到主屏幕.从那里启动后,所有Safari元素都被隐藏.
请在此处查看标题为"隐藏Safari用户界面组件"的部分.
您可以在主屏幕上显示应用程序的启动启动画面图像和自定义图标.
<meta name="viewport" content="width=device-width, minimum-scale=1, 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" />