移动开发 meta参数参考
2013-11-12 22:02
309 查看
<meta name="apple-touch-fullscreen" content="yes">
"添加到主屏幕“后,全屏显示
<meta name="apple-mobile-web-app-capable" content="yes" />
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
<meta name=”apple-mobile-web-app-status-bar-style” content=black” />
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
在iOS中有两个meta值,apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style,这两个会让网页内容以应用程序风格显示,并使状态栏透明。
<link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" />
说明: 这个link就是设置web app的放置主屏幕上icon文件路径。
图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />//将不识别邮箱
告诉设备忽略将页面中的数字识别为电话号码
"添加到主屏幕“后,全屏显示
<meta name="apple-mobile-web-app-capable" content="yes" />
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
<meta name=”apple-mobile-web-app-status-bar-style” content=black” />
默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。
注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
在iOS中有两个meta值,apple-mobile-web-app-capable和apple-mobile-web-app-status-bar-style,这两个会让网页内容以应用程序风格显示,并使状态栏透明。
<link rel="apple-touch-icon-precomposed" href="http://spion.blog.163.com/blog/iphone_milanoo.png" />
说明: 这个link就是设置web app的放置主屏幕上icon文件路径。
图片尺寸可以设定为57*57(px)或者Retina可以定为114*114(px),ipad尺寸为72*72(px)
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />//将不识别邮箱
告诉设备忽略将页面中的数字识别为电话号码
相关文章推荐
- 《BREW进阶与精通――3G移动增值业务的运营、定制与开发》连载之39---BREW手机中的相关参数说明
- 利用Flex 4.5 SDK和Flash Builder 4.5开发的web和移动参考应用(二)
- HTML5移动开发中的meta与link
- 移动开发的meta
- [Phonegap+Sencha Touch] 移动开发11 移动平台的link标签和meta标签——神奇的功效
- 【移动开发】Service类onStartCommand()返回值和参数
- HTML5移动开发中的meta与link
- 【移动开发】Service类onStartCommand()返回值和参数
- jquery mobile开发移动web实战之 settimeout funcition带参数的问题
- 【移动前端开发】移动平台对 META 标签的定义
- 【移动开发】Service类onStartCommand()返回值和参数
- 移动web开发-------meta
- 移动开发 meta标签
- 移动WEB开发之Safari、QQ、UC、360浏览器的私有Meta属性
- 移动开发对 META 标签的定义
- 大公司移动前端开发面试题——做转盘[参考代码]
- 微信移动应用接入开发, Android 授权微信登录获取openid,unionid等,score参数错误或者没有scope权限
- 移动平台前端开发的webkit内核中的一些私有的meta标签
- 云南电视台移动增值短信,彩信平台技术需求,接入运营商接入参数参考
- 大公司移动前端开发面试题——做转盘[参考代码]