本文来自http://blog.csdn.net/liuxian13183/ ，引用必须注明出处！
随着移动端应用平台的兴起，需求和交互方式的多样化，H5开发逐渐在移动端流行起来；常见的移动产品有Web App（纯H5）、混合型App（Native+h5）、原生App（Native），然而自移动端兴起之日起，混合型产品即被产品经理大力推崇，方便更新、先上线再补发等特点，相比Native端的线上功能不可随意改动、出问题不能及时发布版本更新要排期等特点，H5还是很实用的。只需要前期制定好规则，增强扩展性，之后相当于增加若干功能模块。目测中国联通的产品大半是纯H5开发的，非常流畅，使用方便；淘宝集成天猫、去啊、外卖、聚划算等，仅在支付时调用淘宝支付功能；而H5使用的js、css等可以放到本地，而且无论Android还是苹果端均可使用，有效降低开发成本。
目前Android上常用底层技术方案有两种，一种通过页面加载完执行js方法传值，或者调用-刷新-执行，方法少功能也比较鸡肋，另一种使用webJsInterface（4.2版本以上，主要为H5端提供数据）的方式+shouldOverrideUrlLoading（接收H5端的事件驱动）监听页面动作，由WebViewProvider接口去执行，提供一个注册对象给H5端，调用我方提供的方法即可，交互非常方便；更复杂的功能，比如交互使用js，基本上把内部WebView变成跟浏览器一样强大的功能，为节省时间，还需要使用一些框架加以修改来完成自己的工作，以下介绍几种
Cordova，几乎所有框架都基于它开发，主要提供使用js方法调用本地摄像头、麦克风等，对调用方法以及WebView相关功能进行再次封装，并且可以设置某些产品才能使用此框架的白名单，通过消息来记录页面生命周期和执行JS方法，跟移动端App的管理方式非常类似 。主要完成本地网页的加载，拓展也可以加载站网页，并调用本地手机功能，但Web端开发成本升高，可能会导致某些功能不可用，所以需要平衡使用。源码如下：点击图片下载源码
PhoneGap，集成Cordova最好的一款。历史如此：最先是PhoneGap先出现，后来被Adobe收购，然后此产品转到Apache公司改名为Cordova，继续发展，最后Adobe把PhoneGap给Apache，最终产品名是Cordova，但也有人称为PhoneGap，其实到目前为止已经成为一个东西。而它的主要作用是提供给Web高级开发一个运行环境，用于产品需求不确定性模块的开发（其实可以称为烂尾工程的维护），如此来保证产品的完整性；但它的体验仍然不如Native开发，仍然要转为Native；而Web开发发挥能力的主要方面在于Wap商城，如公司微信公众号或其他产品集成自己产品，如果从战争方面来说，Native用于守城和形象维护，而Web用来四处攻城略地。
Icenium，Telerik公司开发，增强PhoneGap的功能，减少Cordova的复杂性，不用安装sdk，开发工具包分为四个部分：
Graphite：轻量级、适用于Windows的开发环境，只有10M左右。
Mist：网页端开发环境，可以与Graphite同步，同步机制包含版本控制功能，同步以Git网址为基础，支持Github和其他类似网站。不过Mist功能局限性较大，对于非Windows用户没有多少吸引力。
LiveSync：实时编译，在所有已连接的设备上运行代码，并获得预览图，比xCode的错误提示更加直观。LiveSync支持iPhone、Nexus 7等多种设备。
Kendo：Kendo是整个开发包的核心部分，它能优化并转换代码，生成原生安装包，以适应每种设备。
Icenium，增强PhoneGap的功能，减少Cordova的复杂性，由Telerik开发，基本不用安装sdk，开发工具包分为四个部分：
MobileAngular，一个完全模仿App控件做的一个H5框架，框架地址。
Sencha Touch，支持Web标准以及各种手势动作，异常强大；WX5，一个开源H5平台软件，可直接把开发资源生成Android apk和Apple ipa文件，并发布到应用市场。
Ionic，使用MVVP模式，支持AngularJs和Sass
ReactNative，支持得到App端全套API支持，如取图、Sensor等；同样也支持IOS。
week，阿里开源，支持Android和IOS。
有人说一款应用，80%的人只访问20%的页面，其他功能相当浪费，因此将多余部分做成H5。个人深感这句话的深意，那么以后前端应该做IOS+Android+H5的全栈工程师。
拓展学习：Android如何从外部跳进App
