Html5与本地App资料整理分析

最近开发了一个小的手机网站，重新了解了本地应用，html5，混合应用，webApp等概念，整理下相关的资料，略带自己的思考

用户固有的使用习惯

在《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