效果简述:
这个效果将会强行去除UC浏览器的网址输入框和底部的菜单栏,这样网页将会占据整个手机界面。感觉看起来很像是一个APP。
浏览器界面右下角将会出现一个向上的标志,用来唤出简单的菜单栏。
(界面是用jquery-mobile通过简单修改做出来了,还有些问题,包涵。本人phper)
效果代码:
在head里面添加
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='apple-touch-fullscreen' content='yes'>
<meta name="full-screen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
效果图:
音量键有问题了,所以接入有个音量调节。