webkit为 input元素提供了autocapitalize属性,通过指定autocapitalize=”off”来关闭键盘默认首字母大写
关闭自动把网页中的电话号码转换为链接的功能
<meta name="format-detection" content="telephone=no">
控制屏幕的拉升
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
屏蔽系统菜单
body { -webkit-touch-callout: none; }
阻止用户选中文本
body { -webkit-user-select: none; }
程序图标
<link rel=”apple-touch-icon” href=”xpadicon.png”/>
启动画面
<link rel=”apple-touch-startup-image” href=”xpadstartup.png” />
全屏
<meta name=”apple-mobile-web-app-capable” content=”yes” />
隐藏地址栏
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
JS:
none; }
程序图标
<link rel=”apple-touch-icon” href=”xpadicon.png”/>
启动画面
<link rel=”apple-touch-startup-image” href=”xpadstartup.png” />
全屏
<meta name=”apple-mobile-web-app-capable” content=”yes” />
隐藏地址栏
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
JS: setTimeout(scrollTo,0,0,0);放在window.onload中调用
判断是否从主屏幕启动
iOS中浏览器直接访问站点时,navigator.standalone为false,从主屏启动webapp 时,navigator.standalone为true;
关闭iOS中键盘自动首字母大写
webkit为 input元素提供了autocapitalize属性,通过指定autocapitalize=”off”来关闭键盘默认首字母大写;
获取滚动条信息
IOS用window.scrollY和window.scrollX; Android用document.scrollTop和document.scrollLeft;
在页面上显示原生程序下载框
<meta name="apple-itunes-app" content="app-id=xxxxxxxx"/>