[Phonegap+Sencha Touch] 移动开发11 移动平台的link标签和meta标签——神奇的功效
来源:互联网 发布:silk mobile python 编辑:程序博客网 时间:2024/04/29 10:07
看sencha touch创建的项目的resources目录底下有三个文件夹,icons、loading、startup,里面有些图片
但是实际打包安装包出来并没有用到这些图片。
偶然发现发布出来的网页版webapp,用google开发工具查看页面元素,发现在head里面有下面这样几个标签:
在ios中,当把网站通过safari添加到主屏幕功能放置到移动设备桌面上("添加至主屏幕")以后
1、通过设置apple-touch-startup-image可以为添加至主屏幕的webapp设置一个类似NativeApp的启动画面。
上图的这个配置刚好用到的就是resources/startup目录下的图片。
2、而apple-touch-icon-precomposed就是指定添加至主屏幕的webapp的图标了。
3、还有个指定图标的属性apple-touch-icon,和apple-touch-icon-precomposed的区别就是
apple-touch-icon是"增加一层透明高光层的图标"
apple-touch-icon-precomposed是"原图图标"
上图还有三个meta标签:
1、apple-mobile-web-app-capable
删除默认的苹果工具栏和菜单栏。
content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。
2、apple-touch-fullscreen
全屏显示
3、apple-mobile-web-app-status-bar-style
控制状态栏显示样式
content有三个值"default", "black"和"black-translucent"
0 0
- [Phonegap+Sencha Touch] 移动开发11 移动平台的link标签和meta标签——神奇的功效
- [Phonegap+Sencha Touch] 移动开发11 移动平台的link标签和meta标签——神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- 移动平台的meta标签-----神奇的功效
- html 移动端——meta标签和link标签
- 【移动前端开发】移动平台对 META 标签的定义
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
- [Phonegap+Sencha Touch] 移动开发63 PhoneGap和Cordova的区别
- 移动平台对 meta 标签的定义
- 移动平台对 meta 标签的定义
- 移动平台meta标签的定义
- 移动平台对 meta 标签的定义
- 树状数组
- web 项目连接mysql报NullPointerException问题
- 关于局部特征介绍
- Sniffer
- [Phonegap+Sencha Touch] 移动开发10 调用focus方法使输入框获得焦点,不弹出软键盘的解决方法
- [Phonegap+Sencha Touch] 移动开发11 移动平台的link标签和meta标签——神奇的功效
- 小俞同学的数表
- [Phonegap+Sencha Touch] 移动开发12 Sencha Touch打包发布网站的离线缓存版本
- [Phonegap+Sencha Touch] 移动开发13 禁止Sencha Touch容器控件越界滚动
- linuxFTP客户端详解
- Cocos2d-x 多分辨率适配完全解析
- Navicat Premium简单使用
- hiho一下第一周 Hihocoder #1032 : 最长回文子串
- 在 Azure 虚拟机上部署反恶意软件解决方案