Awa*_*wan 9 html css iphone mobile-safari
以下是头部:
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-touch-fullscreen" content="yes" />
<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="/custom_icon.png"/>
<link rel="apple-touch-startup-image" href="/startup.png">
<script src="http://www.google.com/jsapi"></script>
<script>
window.top.scrollTo(0, 1);
alert('ok');
google.load("jquery", "1.4.1");
google.load("jqueryui", "1.8.0");
</script>
</head>
Run Code Online (Sandbox Code Playgroud)
以上对我不起作用.浏览器地址栏和底部工具栏仍然存在.我尝试过一些教程,但我无法改变任何内容.任何的想法?
Mr.*_*. T 17
对于iOS 7.1,您可以在标题中设置此项以最小化UI:
<meta name="viewport" content="width=device-width, minimal-ui">
Run Code Online (Sandbox Code Playgroud)
它是在iOS 7.1 beta 2中引入的.该网站有助于我了解minimal-ui的工作原理:http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs
您无法以编程方式隐藏Mobile Safari中的工具栏.
您的用户需要将您的网络应用添加到他们的主屏幕,以便在他们下次通过点按其图标启动您的应用时隐藏这些条形图.这可以通过点击工具栏中的中间按钮,然后选择添加到主屏幕来完成.您可能需要显示一条消息,通知您的用户执行此操作.