web app的meta

 

format-detection

检测html里的一些格式,其值如下

telephone=no:禁止把数字转化为拨号链接

telephone=yes:开启把数字转化为拨号链接,默认开启

email=no:禁止作为邮箱地址

email=yes:开启把文字默认为邮箱地址,默认开启

adress=no:禁止跳转至地图

adress=yes:开启点击地址直接跳转至地图的功能,默认开启

 

apple-mobile-web-app-capable

是iphone设备中的safari私有meta标签,表示是否允许全屏模式浏览;

 

apple-mobile-web-app-status-bar-style

iphone的私有标签,它指定的iphone中safari顶端的状态条的样式

//在web app应用下状态条(屏幕顶部条)的颜色;
//默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
//注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。 

 

apple-touch-fullscreen

"添加到主屏幕“后,是否全屏显示

 

minimal-ui

在IOS7.1中添加,8.1中被移除,网页在加载时便可隐藏顶部的地址栏与底部的导航栏

 

设置web app的放置主屏幕上icon文件路径

<!--图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)-->
<link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" />

 

 

用户把网页存为书签时,在手机HOME界面创建应用程序样式的图标

<!--iOS用rel="apple-touch-icon",android 用rel="apple-touch-icon-precomposed"-->
<link rel="apple-touch-icon" href="/static/images/identity/HTML5_Badge_64.png" />
<link rel="apple-touch-icon-precomposed" href="/static/images/identity/HTML5_Badge_64.png" />

 

posted on 2015-07-04 18:08  Surahe  阅读(303)  评论(0编辑  收藏  举报