web app、native app和hybrid app

什么是web app、native app以及hybrid app？

---

移动开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP，另一种是基于高端机的浏览器运行的Web App。
  这一段话其实已经很巧妙的解释了手机应用的两大分类。
  接下来，我们做更加细致的解释。

nativeapp

原生程序，一般运行在手机操作系统上，有很强的交互，静态资源都是在本地的。浏览使用方便，体验度高。在实现上要么使用Objecttive-c和cocoaTouch Framework撰写IOS程序，要么选择java+Android Framework撰写android应用程序。

webapp

生存在浏览器里的应用，所以只能运行在浏览器里，宿主是浏览器，不再是操作系统。资源一般都在网络上。说的根本点就是一个触屏版的网站。

hybridapp

一个半原生程序，伪造了一个浏览器的apk/ipa原生程序，把地址写死了，然后里面运行了一个webapp。里面是WebView UI 。但是还是运行在机器的操作系统上，交互较弱，资源一般在本地或者网络都可以。浏览体验度次之。

怎样辨别Web App和Native App？

---

找到“设置”——“开发者选项”——“显示布局边界”，然后再去启动app。界面统一而无明显边框的为H5反之为Native。
详细教程：https://www.zhihu.com/question/35743517

Web App目前应用最广泛的两个框架。

---

IONIC

IONIC

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发，相信IONIC一定会取得不错的成就 。
IONIC的开发团队将尽快开发出一种通过IONIC creator提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具，几分钟内开发一个app将不再只是吹xx。

---

PhoneGap

PhoneGap

PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的 Cordova 商业版本。
第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独 的iPhone开发新手都要面对的简单事实：Objective-C是一个对Web开发人员来说非常陌生的环境，并且Web开发人员的数量远远多于 Objective-C开发人员的数量。
问题是，是否有人可以开发一个框架，让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识，而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢？
就在那一年，PhoneGap获了奖并开始支持Android平台，对人数不断增长的移动开发人员变得越来越有用，这些人员需要在更多的平台上获得代码支持。
大家可以到 PhoneGap documentation官方文档开始对PhoneGap的学习。

---

本文来源：
7个混合式移动框架
辨别H5和Native