Html5与本地App资料整理分析
2013-09-29 22:21
190 查看
最近开发了一个小的手机网站,重新了解了本地应用,html5,混合应用,webApp等概念,整理下相关的资料,略带自己的思考
用户固有的使用习惯
在《2012年度 HTML5状况及发展形势报告.pdf》中有这样的观点:文档可以评论本文索要。
在目前阶段,大多数移动平台用户还是习惯通过App 方式来使用应用,而不是通过浏览器访问的方式。在移动设备桌面上,创建一个指向Web 应用的快捷方式非常容易,但想改变用户使用原生应用形成的习惯却比较困难。从智能手机开始进入市场,用户已经形成了去应用商店搜索应用并下载安装的习惯。
混合型应用的主体功能都是采用Web 技术来开发,通过中间件包装成为一个可发布到应用市场的应用程序。混合型应用运行在一个原生应用容器(即中间件)里,借助移动系统自带的浏览器引擎(而不是用浏览器本身)来渲染界面和解析脚本,完成所有的界面渲染和脚本解析。
ps:对于微信是一个webapp的说法,我不是很确定,也没有赵到有力的资料
android版的UC从9.0开始就纳入web app的概念,不过纯粹是网站链接而已,对本地资源并没有什么调用能力。
现在大量的移动开发中间件都可以基于浏览器+服务端构成伪客户端,这种开发中间件在形态上是最接近Light App的,只是没有Light App的理念
2 初步定为你的移动网站是否在支持html5的浏览器中。现在的浏览器html5支持已经很普遍,但是还有部分老机型不支持。这个涉及到是否单独加载移动端js,包括mobile.js .,进而又涉及到用户交互体验,肯定是使用html5和css3 js的网站用户体验更高。前提是用户移动端网络环境能足够支持这种页面容量。
3 观察大的电商网站,为了满足不同用户需求,手机网站一般分为3个版本 简版,触屏版,电脑版。触屏版大多启用html5开发。简版就是之前的wap升级,最不耗费流量的一种。
参考
http://www.zhihu.com/question/21522663
用户固有的使用习惯
在《2012年度 HTML5状况及发展形势报告.pdf》中有这样的观点:文档可以评论本文索要。
在目前阶段,大多数移动平台用户还是习惯通过App 方式来使用应用,而不是通过浏览器访问的方式。在移动设备桌面上,创建一个指向Web 应用的快捷方式非常容易,但想改变用户使用原生应用形成的习惯却比较困难。从智能手机开始进入市场,用户已经形成了去应用商店搜索应用并下载安装的习惯。
混合型应用作为一种互补形式出现
为了弥补跨平台开发带来的巨大人力成本消耗和Web 应用无法通过平台的应用商店推广的难题,又催生了混合型应用(Hybrid Apps)这样一种介于纯粹的Web 应用和原生应用之间的应用类型。混合型应用的主体功能都是采用Web 技术来开发,通过中间件包装成为一个可发布到应用市场的应用程序。混合型应用运行在一个原生应用容器(即中间件)里,借助移动系统自带的浏览器引擎(而不是用浏览器本身)来渲染界面和解析脚本,完成所有的界面渲染和脚本解析。
轻量级App的承载环境
http://news.csdn.net/article_preview.html?preview=1&reload=1&arcid=2816680 说到 微信是一个Web App(HTML5)的运行环境,关于轻量级App的承载环境,微信团队也一直在打造它。承载环境直接影响到了用户的体验,微信团队仍然在优化承载环境,现在需要做的只有耐心地等待。如果这个环境成熟了,也许未来的有一天,微信就能够成功取代App了。ps:对于微信是一个webapp的说法,我不是很确定,也没有赵到有力的资料
android版的UC从9.0开始就纳入web app的概念,不过纯粹是网站链接而已,对本地资源并没有什么调用能力。
现在大量的移动开发中间件都可以基于浏览器+服务端构成伪客户端,这种开发中间件在形态上是最接近Light App的,只是没有Light App的理念
自己总结的小tip
1 移动设备终端屏幕不固定,所以不能直接设定宽度或者高度。像素设置使用em单位,宽度高度设置使用百分比等。屏幕自适应还要借助 viewport属性 如:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
2 初步定为你的移动网站是否在支持html5的浏览器中。现在的浏览器html5支持已经很普遍,但是还有部分老机型不支持。这个涉及到是否单独加载移动端js,包括mobile.js .,进而又涉及到用户交互体验,肯定是使用html5和css3 js的网站用户体验更高。前提是用户移动端网络环境能足够支持这种页面容量。
3 观察大的电商网站,为了满足不同用户需求,手机网站一般分为3个版本 简版,触屏版,电脑版。触屏版大多启用html5开发。简版就是之前的wap升级,最不耗费流量的一种。
参考
http://www.zhihu.com/question/21522663
相关文章推荐
- HTML5预测 取代本地App将成为可能
- SetWindowsHookEx 的资料整理 与 内部机理 的深入分析
- Informix数据表结构分析资料整理之字段类型说明和查询SQL语句
- HTML5 本地文件操作之FileSystemAPI整理(二)
- php Session无效分析资料整理
- HTML5文件系统API和资料整理
- 【资料整理】下载和分析cdn节点汇总日志
- linux中关于tmpfs文件系统资料的整理与分析
- Hbuilder app 整理资料
- 【转】Informix数据表结构分析资料整理之约束查询代码
- Android本地App与html5的交互
- 开源项目管理软件产品对比分析资料整理
- Android本地App与html5的交互
- HTML5 本地存储 localstorage 安全分析
- 京东在html5页面中打开本地app的解决方案
- 分享D瓜哥最近攒的资料(架构方面)、架构分析与设计、知名网站架构分析:Amazon网站架构学习总结、探索Google App Engine背后的奥秘、Facebook图片存储架构、优酷网架构、YouTube架构
- iOS APP支持64位相关资料整理
- App集成ApplePay的一些资料整理
- Android项目框架搭建 (分析需求、整理资料)
- 史上最全html及html5的学习资料文档收集整理包括介绍和下载