html5原生,html50

HTML5和原生APP优缺点大对比，世界究竟是谁的

随着HTML5和Node.js的流行,Javascript这门在互联网初期就已诞生的语言正迸发出勃勃生机，Javascript将前端和后端开发统一起来，“一切皆为JS”看起来只是时间的问题。唯一的障碍是在移动端，因为无论是Android还是iOS平台，当前仍是原生应用大行其道。HTML5曾经被寄予厚望过，但是以Facebook为代表的一批公司在移动端对HTML5技术进行实践的心酸血泪史表明，HTML5可以是原生应用开发的一种有效补充，但远不足以替代原生。但是现在，随着iMAG.js的渐渐流行，这种状况正在发生改变。

iMAG.js是国内的爱码哥移动平台推出的Javscript移动跨平台开发框架，它的特点简单高效，同时又功能强大，可以用Javascript来替代原生开发。iMAG.js的原理和在服务器端运行的Node.js有些相似，都是封装了Javascript引擎，用Javascript去调用底层的API接口。不同的是因为移动应用的控件主要是UI模块、用户交互界面开发，iMAG.js为此引入了XML模板技术，XML和Javascript结合，这样很适合手机界面的展示。

H5开发的web APP和原生APP的区别有以下几个方面：

一、开发方面

原生App

⊙ 每一种移动操作系统都需要独立的开发项目

⊙ 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等

⊙ 需要使用各自的软件开发包，开发工具以及各自的控件

移动Web App

⊙ 因为运行在移动设备的浏览器上，所以只需要一个开发项目

⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成（PHP,Ruby on Rails,Python）

⊙ 这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap, Sencha Touch 2，APPcan以及Appcelerator Titanium等等。

二、能力方面

原生App

⊙ 能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等

移动Web App

⊙ 只能使用有限的移动硬件设备功能。

三、获取方法

原生App

⊙ 直接下载到设备

⊙ 以独立的应用程序运行(并不需要浏览器)

⊙ 用户必须手动去下载并安装这些原生App

⊙ 有一些商店与卖场来帮助用户寻找你的App，目前app市场不计其数

移动Web App

⊙ 从移动设备上的浏览器访问

⊙ 不需要安装额外的软件

⊙ 软件更新只需要服务器就够了

⊙ 因为现在没有什么商品或卖场提供这种App，所以如何搜索这些移动Web App相当不简单。

四、版本控制

原生App

⊙ 用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况

移动Web App

⊙ 所有的用户都是用同样的版本

五、优势

原生App

⊙ 比移动Web App运行快

⊙ 一些商店与卖场会帮助用户寻找原生App

⊙ 官方卖场的应用审核流程会保证让用户得到高质量以及安全的App

⊙ 官方会发布很多开发工具或者人工支持来帮助你的开发

移动Web App

⊙ 跨平台开发

⊙ 用户不需要去卖场来下载安装App

⊙ 任何时候都可以发布App，因为根本不需要官方卖场的审核

⊙ 如果你已经有了一个Web App，你可以使用 responsive web design来辅助改进

六、缺陷

原生App

⊙ 开发成本高，尤其是当需要多种移动设备来测试时

⊙ 因为是不同的开发语言，所以开发，维护成本也高

⊙ 因为用户使用的App版本不同，所以你维护起来很困难

⊙ 官方卖场审核流程复杂且慢，会严重影响你的发布进程

移动Web App

⊙ 无法使用很多移动硬件设备的独特功能

⊙ 要同时支持多种移动设备的浏览器让开发维护的成本也不低

⊙ 如果用户使用更多的新型浏览器，那问题就更不好处理了

⊙ 对于用户来说，这种App很难被用户发现

附：原生App 与 移动Web App:您如何选择？

所以在你准备做移动App时，你应该先问问自己以下几个问题：

1. 你的应用是否需要使用某些设备的特殊功能，比如摄像头，摄像头闪光灯或者重力加速器

2. 你的开发预算是多少？

3. 你的应用是否一定需要网络

4. 你的应用的目标硬件设备是所有的移动设备还是仅仅只是一部分而已

5. 你自己已经熟悉的开发语言

6. 这个应用对于性能要求是否苛刻

7. 如何靠这个应用赢利

相关问答

Q1: HTML5定稿意味着什么，原生应用生态系统要被颠覆吗

HTML5的定稿就目前而言 并不意味这原生应用生态系统要颠覆 就拿IOS系统来举列子

1.原生应用能够突破其局限性

人们之所以认为HTML5将取代iPad和iPhone设备中的原生应用是因为它的网络技术正在赶超iOS软件的功能。虽然这是事实，但是HTML5永远也不可能与原生应用相提并论，应为苹果始终掌握着主要控制权，它可以决定哪些第三方应用软件可以在iOS设备上运行。iOS每一次重大更新都能给开发者带来新的API，而每一代新的硬件也都提供了新的网络连接选项，收音机以及其它硬件功能。举个例子来说，iOS

5便推出了1500款新型API，包括iCloud Storage，Newsstand以及Twitter。

只有苹果能够决定它的软件可以做什么或不能做什么，以及何种硬件可以与之兼容；但是因为HTML5是基于所有浏览器而设置的，所以要求更多的技术妥协。同时，HTML5如果要使用iOS硬件的所用功能也拥有许多局限因素，尽管苹果已经采取了一些改善措施，例如允许Safari使用更多的本地设备内存以及地理定位服务。虽然如此看来好像是HTML5正在迎头赶上本机应用，但是事实上它却永远不可能超越它们，因为苹果的移动技术还在不断进化，并且通过iOS

SDK给原生应用开发者提供更多的API选择。

2.原生应用才刚超越移动网页

在智能手机和平板电脑设备中，手机应用刚刚才开始赶超移动网页，其人气正处于高涨阶段。应用商店的出现更是助长了这种趋势，目前尚无迹象表明这种趋势会放缓或者扭转，虽然Vudu（游戏邦注：一种新型电视节目服务），亚马逊以及《金融时报》等公司最近都绕开苹果App

Store，创建了HTML5网页应用。

显然，很多公司宁愿选择HTML5而不是苹果的原生应用是因为，基于网页的产品让他们绕过苹果这个中间商，避开苹果营收抽成，直接获取更大的利润，并且能够针对多个平台一次性开发产品。但是从用户体验的角度来看，绝大多数用户可能并不会支持应用大规模向HTML5领域迁移。虽然市场上将会有越来越多HTML5产品，但是原生应用的光芒也不会轻易被掩盖，因为它有稳定的离线访问，特定的界面，可自由访问特定硬件和软件等功能。

我认为在今后几年里，原生应用不会被HTML5颠覆，HTML5无法对此造成严重影响。

Q2: HTML5定稿，为什么是原生App的颠覆？

HTML5对开发者的7大优势

跨平台：在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不同技术工种、业务逻辑同步，这是折磨人的过程。有点类似个人电脑早期世界，那个时候的每家电脑都有自己的操作系统和编程语言，开发者疲于做不同版本，其实DOS的盛行也很大程度是因为开发者实在没精力给其他电脑写程序。跨平台技术在早期大多因为性能问题夭折，但中后期硬件能力增强后又会占据主流，因为跨平台确实是刚需。

快速迭代：移动互联网是一个快鱼吃慢鱼的时代，谁对用户的需求满足的更快，谁的试错成本更低，谁就拥有巨大的优势。互联网产品大多免费、且有网络效应，后入者抢夺用户的难度非常大。使用原生开发，从招聘、开发、上线各个环节的效率都慢一倍以上，而且参与的人越多，沟通效率往往拖慢不止一倍。

持续交付：很多人有这样的体会，一个原生应用上线App Store，突然有一个大bug，只好连夜加班修复，然后静静等待2周或更长时间的Apple审核，这2个星期被用户的涂抹淹死，市场上一片差评，用户大量流失。等新应用被审核上线了，用户已经卸载了。但是，HTML5没有这些问题，你可以实时更新，有问题立即响应。

大幅下降成本：创业者融资并不容易，如何花钱更高效非常重要。如果你使用原生开发的App和竞争对手使用HTML5开发的App没什么区别，但你的开发成本高出一倍，我相信没有投资人会喜欢给你投钱。

开源生态系统发达：HTML5前端是开放的正反馈循环生态系统，大量的开源库可以使用，开发应用变得更轻松、更敏捷，当然这也体现在了快速迭代和成本下降上。不过更重要的是，这种开放的正反馈循环生态系统未来的生命力是比原生生态系统更强劲的。

开放的数据交换：HTML是以page为单元开放代码的，它无需专门开发SDK，只要不混淆，就能与其他应用交互数据。开发者可以让手机搜索引擎很容易检索到自己的数据， 也更容易通过跨应用协作来满足最终用户需求。

导流入口多：HTML5应用导流非常容易，超级App（如微信朋友圈）、搜索引擎、应用市场、浏览器，到处都是HTML5的流量入口。而原生App的流量入口只有应用市场。聪明的HTML5开发者当然会玩转各种流量入口从而取得更强的优势。

流量大：前段时间微信朋友圈风靡一时《神经猫》，这个游戏如果放到Appstore，绝对没有那么多流量，超级App带来的流量，远大于原生应用市场。假如微信允许游戏在桌面创建快捷方式、假如游戏后续升级解决持续娱乐问题，未来不可想象。

导流效率高：除了入口多、流量大，导流效率高也不可忽视，谁都知道，页游和端游打同样的广告，广告变用户的转化率，页游远远高于端游。可精准导流到二级页：我们都知道搜索引擎可以直接进入到。

Q3: HTML5 vs.原生，未来究竟是谁的

还好，HTML5依然挺了过来，相继也出现了各种HTML5开发框架和游戏开发引擎。再加上，前段时间YouTube替换Flash，正式默认使用HTML5视频播放器，着实让HTML5好好的扬眉吐气了。一件事物能受欢迎，总归有受欢迎的理由。那么，HTML5又有那些优势？

“一次编写，随处运行”。大多数浏览器都有着相同的运行方式，一个应用几乎可以在所有浏览器上运行，不像限定于只能在某一系统下运行的原生应用。对于用户来说，“一次编写，随处运行”的HTML5应用意味着应用的连续性，即不管是哪个操作系统都可以运行使用应用程序。

允许应用不断更新。HTML5还允许不断更新，开发者不需要再将新应用提交给应用商店等待批准。每次用户登录到该web应用时，都将获得应用最新版本。

以上两点都是众所周知的，其实最主要的原因还是应用开发的成本问题。相较原生应用，能够随处运行的HTML5，单在移植方面就省下了不少银子。而且，面对新平台，无需高价聘请专业人士或培养现有的人员去重新学习，先前的Web技术人员就可以直接使用。

原生应用：最大化性能和用户体验

原生应用的历史要比Web应用悠久的多，如地址簿、日历和计算器等默认自带的应用程序及可用的Web连接在很早以前就出现在移动设备上，1998年风靡全球的诺基亚经典游戏贪吃蛇就是典型之一。就平均而言，如今开发者采用最广泛的开发方法仍是原生应用开发。虽然HTML5风头正胜，但拥有强大性能及高品质用户体验的原生应用能占据大头也不足为奇。

相对Web应用，原生应用最大的优势就是可以访问设备中的所有功能，运行的速度更快、性能更高，而且可以启用优秀的离线处理和存储能力。不过，别只关注它的优势，若想要维持原生开发绝对是个不小的挑战。它的最大问题就是支持的设备非常有限，想要移植到其他平台就得准备好更多的预算。此外，还有审核过程的不一导致上线时间不确定，以及获得新版本时还需重新下载应用更新。

如果，你做应用之前的预算是没有太多限制的话，只采用原生方法的团队所开发的应用质量，绝对要比其他团队高质的多。不过现实就是现实，很少有开发商的资金是源源不断的。

混合应用填补空白

所谓混合应用，顾名思义，就是原生和Web应用的结合体，自然也就继承了两者的优缺点。换句话说，相当于利用Web开发技术编写的原生应用，如HTML5、CSS、JavaScript都是进入原生容器（Native Container）的比较常用的语言，原生应用包含了一个链接到HTML文件的WebView隐藏浏览器。

总的来说，混合应用也是蛮有魅力的，开发者可以自由调配其中原生和Web的比例。它的好处也很多：

跨平台优势，既省钱又省时间，同时还是创意付诸实践的最佳捷径。

Web开发者不论水平如何，只需经过短期培训就能成为合格的混合应用开发者。

以上的两点都表明了混合应用对成本的节省，也算是它继承Web的一大优点。不过，混合应用的性能终究还是比不过原生应用，如果其中掺入了太多的Web技术，还是会减缓应用的运行速度。但随着技术的不断提升，混合应用开发也在水涨船高，在不断的寻找在获得优秀用户体验的同时，尽力降低开发成本。

定睛2015，你是HTML5还是原生应用？

对于移动互联网未来的发展走向，没有人能够进行准确的预测，其中存在很多的变量。都说HTML5的时代真的来了，但是总觉得HTML5与原生应用之间并不存在激烈的竞争替代关系。各自有各自的优缺点，最终选择何种方式还是取决于自己项目的需求。而作为妥协存在的混合应用，倒也是不错的选择。

Q4: Html5和原生APP有什么不一样

我们先来看看APP：伴随智能型移动终端的迅速崛起，使得App蔚为新世代宠儿，不仅满足了广大消费者之于食衣住行育乐等日常生活所需，对企业而言，更是赖以扩散创新应用服务，并与用户互动的主流路径；正因如此，不论是隶属于信息服务范畴的IT软硬件开发商或内容供货商，乃至于一般企业用户，显然都无法自外于这股趋势潮流。

再来看看Html5：近两年来，HTML5的发展势头确实很猛，甚至都出现了很多言论说：HTML5终将取代原生app，app终将消亡的言论。HTML5确实有着很多的优点，但是原生APP的开发也有着自己的优势。现在我们来对比一下HTML5和原生APP开发的优缺点。

1、在跨平台上，HTML5胜出

HTML5采用网络通用语言，不用考虑终端设备或者操作系统的不同。目前，W3C(万维网联盟World Wide Web Consortium，简称W3C)正在与汽车业、出版业、电视业进行讨论，将web引入新的设备平台中。随着平台逐渐丰富，这方面的成本问题将会日益凸显。

2、在用户体验和表现上原生APP开发胜出

在用户体验和表现这个方面，HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题，同时在提供用户展示图形界面和数据展现的丰富性方面还有不足，继续得到提高。

3、在开发速度和成本方面，HTML5胜出

HTML5的开发确实比原生开发更节省时间和人力，开发周期相对较短，人力投入也比较少，毕竟HTML5有着跨平台带来的无可比拟的好处。不需要投入两个团队或者更多的人去开发。

4、在版本控制和BUG修复方面，HTML5胜出

HTML5是web网页端的内容，如果出现BUG可以不用迭代版本，只需在后台修改即可修复bug，这是原生APP开发所不能做到的。

5、在变现能力方面，原生APP开发胜出

原生应用的分发平台，如App Store和Google Play，目前是获得收入的较为成熟的商业模式;而HTML5应用，除了付费下载以外，还没有形成其他成熟的商业模式。

6、对于碎片化挑战而言，HTML5胜出

尽管二者同样面临着严重的碎片化问题，不过HTML5先天具备的跨平台特性，可以在这方面占据先机。

虽然通过对比，原生APP开发略站弱势，但是原生APP的优势确实有的是不能被HTML5所代替的。或许将来的某一天HTML5的发展会很好，能力，技术已达到一个好的地步，能够替代原生APP的的先天优势，那你为什么不会去想象原生APP的开发也是一直在进步的呢？当然这仅是小编个人观点，时代在变化，尤其是在这移动互联网时代更是这样。

但是就目前状况来说，最好的开发模式是两种技术混合使用。比如同时在一个app中，使用原生的框架加载html5的内容之类的。要用变化的眼光看世界，世界上没有什么时候是绝对的。其实原生APP和HTML5决胜的关键就是：谁能打破分配、货币化、平台制约、网络影响力、功能性的瓶颈，谁就赢了。

达内Java培训专家提醒Html5和原生APP各占优势，结论就是：

1、预算有限的情况下，建议选择HTML5技术;

2、用户体验要求高的情况下，更适合原生技术;

3、开发速度要求快的情况下，建议选择HTML5技术;

4、必须用到某个HTML5不支持的系统功能的情况下，适合原生技术

Q5: HTML5和原生APP有什么不一样

HTML5的APP，指的是使用HTML5技术实现的，功能与交互类似于APP的移动端网站。

原生APP，指的是使用iOS或Android开发语言实现的APP（iOS开发语言为Object C、Android开发语言为Java）

使用HTML5技术与Object C / Java语言合并开发的应用被称为“Hybird APP”。

此外，2015年Facebook出品了可用于JavaScript开发的移动端原生应用 - React Native，React Native实现了对iOS和Android两大平台的支持。

HTML5技术目前并不广泛应用于APP的开发。