1 创建主屏幕图标 （Creating a home screen icon ，for ios）

//57 * 57 link rel=' apple-touch-icon ' href='/custom _ icon。png '/link rel=' apple-touch-icon ' href=' touch-icon-iphone。png '/link rel=' apple-touch-icon ' size=' 72x 72 ' href=' touch-icon-ipad。png '/link rel=' apple-touch-icon ' size=' 114 x 114 ' href=' touch-icon-iphone 4。png '/link rel='

开发者。苹果。com/library/IOs/# documentation/apple applications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications。超文本标记语言

开发者。苹果。com/library/IOs/# documentation/user experience/Conceptual/mobile hig/icon simages/icon simages。html #//apple _ ref/doc/uid/TP 40006556-CH14

2 启动画面图像 （Creating a splash screen， for ios）

！- iPhone SPLASHSCREEN -！link href=' apple-touch-startup-image-320 x460。png ' media='(device-width : 320 px)' rel=' apple-touch-startup-image '/！- iPhone (Retina) SPLASHSCREEN -！link href=' apple-touch-startup-image-640 x 920。png ' media='(设备宽度： 320 px)和(-web kit-device-pixel-rati : 2)' rel=' apple-touch-startup-image '/！- iPad(人像)SPLASHSCREEN -！link href=' apple-touch-startup-image-768 x 1004。png ' media='(设备宽度： 768 px)和(方向：人像)' rel=' apple-touch-startup-image '/！- iPad(风景)SPLARSCHINE-！link href=' apple-touch-startup-image-748 x 1024。png ' media='(设备宽度： 768 px)和(方位：横向)' rel=' apple-touch-startup-image '/！- iPad (Retina，人像)SPLASHSCREEN -！link href=' apple-touch-startup-image-1536 x 2008。png ' media='(设备宽度： 1536 px)和(方向：人像)和(-web kit-device-pixel-rati : 2)' rel=' apple-touch-startup-image '/！- iPad (Retina，横向)SPLASHINE-link href=' apple-touch-startup-image-1496 x 2048。png ' media='(设备宽度： 1536 px)和(方向：横向)和(-web kit-device-pixel-rati :-2)' rel=' apple-touch-startup-image '/

开发者。苹果。com/library/IOs/documentation/apple applications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications。html #//apple _ ref/doc/uid/TP 40002051-CH3-SW6 *堆栈溢出。com/questions/4687698/multi-apple-touch-startup-image-resolutions-for-IOs-web-app-esp-for-ipad

3 全屏 （Making it full-screen， for ios） 更像本地App

meta name=' apple-mobile-web-app-ability ' content=' yes '/

开发者。苹果。com/library/IOs/documentation/apple applications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications。html #//apple _ ref/doc/uid/TP 40002051-CH3-SW2

4 改变状态栏 （Changing the phone status bar, for ios）

内容属性默认，黑色和黑色半透明

meta name=' apple-mobile-web-app-status-bar-style ' content=' black '/

*开发者。苹果。com/library/IOs/documentation/apple applications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications。html #//apple _ ref/doc/uid/TP 40002051-CH3-SW1

5 阻止缩放 （Preventing scaling）

meta name=' viewport ' content=' user-scalable=no，width=device-width' /

6 阻止弹性滚动（Preventing elastic scrolling）

scriptfunction块移动(事件){//告诉旅行队不要移动窗口事件。PreventDefault()；}/script body on tuch move=' block move(事件);'./body

7 检测屏幕是否旋转（Detect whether device supports orientationchange event, otherwise fall back to the resize event）

//检测设备是否支持方向改变事件，否则返回调整大小事件。var support sorientationchange=' on orientonchange '在窗口中，orientionevent=supportsOrientationChange？方向改变' : '调整大小'；窗户。add event listener(orientionevent，function(){ alert(' HOLY ROTATING SCREENS Batman : '窗口。“方向”屏幕。宽度)；}，false)；

davidbcalhoun.com/2010/dealing-with-device-orientation

8 禁止webapp跳转到safari（for ios）

//独立模式下的移动Safari If('独立'在窗口中。导航器)窗口。领航员。独立){//如果要防止独立网应用程序中的远程链接打开手机Safari，请将遥控器更改为true var noddy，remotes=falsedocument。addevent listener(' click '，function(event){ noddy=event。目标；//冒泡，直到碰到链接或者超文本标记语言元素。警告： BODY元素不是强制的，所以更好在HTML while (noddy.nodeName！=='A' noddy.nodeName！==' HTML '){ noddy=noddy。父节点；} if(' href ' in noddy noddy。href。indexof(' http ')！==-1(noddy。href。indexof(文档。位置。主持人)！==-1 | |远程s)){事件。prevent default()；文件。位置。href=noddy。href} }，false)；}

9 禁用手机号码链接（for ios）

meta name=' format-detection ' content=' telephone=no '/

10 阻止旋转屏幕时自动调整字体大小

-web kit-text-size-adjust :无；

11 IOS中禁止用户选中文字

-web kit-用户-选择： none

12 iOS中如何禁止用户保存图片 复制图片

-web kit-touch-callout t : none；

13 语音输入

输入类型='text' x-webkit-speech /

14 文件上传， 从相机捕获媒体

输入类型=' file ' accept=' image/*；capture=camera/input type=' file ' accept=' video/*；捕获=摄录机/input type=' file ' accept=' audio/*；捕获=麦克风'/

15 电话短信

a href=，18888885555，1888888885555 "]]发送短信给多个人的链接a href='sms:18888886666？body=sms txt']]发送短信附带内容的链接a href='电话：1888886666 "]]拨打我们的电话18888886666/a]]拨打电话的链接