WEB APP 开发的一些要点

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"/>