html5原生app,原生html开发

h5做app和原生app有什么区别？

一、功能更强大

从以上定义中可以看出，原生APP是系统性的应用程序，可以地用手机终端的硬件设备，比如语音、短信、GPS、蓝牙、重力感应和摄像头等，但是webAPP是不可以做到这些的。所以如果你想做一个可扩展性强，而且后期功能不断完善的APP，一定要考虑原生的。                      二、 加载速度更快

刚我们有提到原生APP是由 “云服务器数据+APP应用客户端” ”两部分构成，APP应有所有的UI元素、数据内容、逻辑框架都是安装在手机里的。所以用户在使用APP的时候，不需要重新加载数据，因为这些内容都安装在手机中了，虽然第一次安装的时候有点复杂，但是在实际使用会方便很多。

济南APP开发定制

但是web APP打开每一个页面，都需要重新加载，虽然现在网络情况很好了，但是在实际中可能会有各种问题，比如流量用完了、所在区域网络不好或出了问题，就很大可能出现加载慢或者加载不出来的问题，加载多了很容易出现卡死错乱的情况，用户的体验就会很差。因此考虑到用户体验和加载速度方面，原生APP的性能要远远优于web。

第三：稳定性更好

目前市场的web版的APP多为模板，这种模板价格便宜，但是功能无法拓展，而且随着市场上浏览器、技术的进步，会逐步出现各种问题，稳定性根本无法保证。相比而言原生的APP技术更加成熟，而且功能可以拓展性更强。做个简单的比喻，我们有一套房子，这个房子可以考虑自己建设，这个过程中我可以决定建几层、建成什么样的户型等等，但如果其买别人做好的，那就只能从已经有的中选择。如果遇到网络不好的情况可能就像等期房一样，只大体知道是啥样的，但具体的得等网络好了才能看到。

相关问答

Q1: 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带来的流量，远大于原生应用市场。假如微信允许游戏在桌面创建快捷方式、假如游戏后续升级解决持续娱乐问题，未来不可想象。

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

Q2: 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不支持的系统功能的情况下，适合原生技术

Q3: 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的开发。

Q4: html5 怎么调用原生app

生App vs 移动Web App

Git@OSC 的 Android 和 iOS 客户端全面开源

每当你打算开发移动应用程序时，都要考虑你的应用如何创建以及如何部署。如今已有两个主要的方向：原生App 以及 移动Web App。那么在今天这篇文章中就来比较一下两者的区别来供大家参考。

原生App vs 移动Web App ： 定义

什么叫做原生App?

原生App是专门针对某一类移动设备而生的，它们都是被直接安装到设备里，而用户一般也是通过网络商店或者卖场来获取例如 The App Store 与 Android Apps on Google Play .

随便说几个原生App的例子，比如 iOS 的 Camera+ 以及 Android 的 KeePassDroid

什么叫做移动Web App?

一般说来，移动Web App都是都是需要用到网络的，它们利用设备上的浏览器(比如iPhone的Safari)来运行，而且它们不需要在设备上下载后安装。

原生App 与 移动Web App的比较

用户界面

有些公司为同样的产品制作了原生App与移动Web App，下图就是Facebook的原生App与移动Web 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以及Appcelerator Titanium等等。

能力方面

原生App

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

移动Web App

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

赢利

原生App

可以使用专门的移动平台的广告，比如AdMob

移动Web App

基本没有限制，但也没什么优势

注意原生App能够直接在对应的官方商店进行定价就能马上赢利，然而移动Web 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 vs 移动Web App : 你如何选择？

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

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

你的开发预算

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

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

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

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

如何靠这个应用赢利

我想这几个问题应该能让你做出明智的选择。

结论

你的选择是原生App还是移动Web App，主要受商业目标，目标用户，以及技术需要这些因素影响的。其实更多时候你也不要为选择那种App模式烦恼，正如上文提到，类似Facebook这样的公司就为用户提供了两种选择。然而对于大部分人来说，预算，资源限制将会逼迫我们只能选择其中一种（或者只能以其中一种为重点）。

Q5: html5可以取代原生app吗？

应该说html5发展的很快，功能很强大，html5完全能够开发出APP，但是是否能替代原生APP还是让时间来检验吧。

另外HTML5是一系列技术的统称，包括js，所以你说HTML5会替代js这样的说法有问题，他俩是包含与被包含的关系。

现在是有很多人使用html5开发，如微信的js sdk等等；但是html5不是取代js的，也不会完全取代flash，而是基本上要取代flash。

现在IOS系统只支持html5，不支持flash。安卓系统也都支持html5，只是他们支持的程度差异化很大。

html5只是刚起步，在2014年末才正式发布。就行当初java一样。

2014年10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。

扩展阅读:

中国互联网企业的努力

早些时候，国内互联网企业似乎很少会想到去和W3C这样的国际标准机构打交道，但如果我们不参与到这样的标准制定中，就很难在相关领域获得足够的话语权。

百度的觉醒比较早，也许这和他们浓郁的技术气息有关。早在2011年9月，百度就成为了中国首个受邀加入W3C的互联网企业，第二年8月，百度就向W3C HTML工作组提交了测试用例，并且获得通过，成为中国第一家向该工作组提交测试用例的公司。

到2013年，百度在互联网标准制定的进程上更进一步，与W3C联手举办了Test The Web Forward(简称TTWF)2013上海站活动，吸引了大量开发者加入。该活动是由百度、 Adobe、 Google、Mozilla、微软、Opera等W3C成员在世界各地组织的系列现场极限编程活动，自2012年6月在美国旧金山举办之后，已经在北京、巴黎、悉尼、西雅图、东京等城市举办过，吸引了大量开发者为HTML5各项规范撰写测试用例。这次的活动上，总计向W3C提交了1003个Web标准测试用例，找到35个Bug，大幅度刷新了TTWF全球系列活动中提交测试用例和Bug的数量。百度还设计开发了能够评测各种浏览器对HTML5支持能力的测试框架以及WebApp的一站式评测系统，可以对不同类型的WebApp进行有针对性的性能评测，覆盖各种性能指标，并给出详细分析和相关优化建议。

从这些活动上，也可以看到中国对于Web标准化上的巨大热情。在此之后，腾讯、360等国内公司也快速展开与W3C的相关合作了。也就是说，目前被正式发布的HTML5中，来自于中国的力量不可小觑。

持续推动的Web标准

今年，中国互联网标准化的进程再次被改写。在HTML5的标准建议中，有了一条来自于中国的建议。又是百度，他们又一次在Web标准化上的工作走到国内前列，其制定的首屏渲染优化会员提案已经被 W3C正式接受，这是中国第一次，也是目前唯一的一次。

首屏渲染优化规范主要应用在移动端，加速移动端Web页面对于用户的呈现速度。对于普通手机页面，由于代码规模较小，很少的代码就可以填充整个页面， Web开发者通过该规范，可以指示浏览器进行合适的首屏内容提前绘制，从而加快首屏展现速度，显著缩短用户首次看见非白屏页面时间。该提案的接受，也获得了W3C的高度好评。这表明了，百度在Web标准工作上，确实不是一时之举，而是长期以来支持不懈的努力和工作。

百度的工作很快不但获得了国内其它互联网企业的响应，腾讯、UC Web加入到首屏渲染优化提案的阵营中，而且也获得了工业和信息化部电信研究院的支持，中国企业在Web标准制定上，站在了一条战线上，共同努力。我们也相信，未来这样的标准化工作会越来越多。

与国际生态产业进行持续交流也必不可少，据了解，仍然以百度为例，他们每年都会参加W3C TPAC会议，与该领域内的专家们一套讨论规范制定的合理性、高效性，与国际知名企业一起，共同探讨、商定开放Web平台未来的技术方向，。

中国互联网创造未来

中国互联网企业在Web标准化上的不懈努力，也赢得了W3C的高度好评。W3C中国区总经理李安琪表示，“此次TPAC会议上，百度工程师向W3C HTML工作组和 Web Performance工作组详细介绍了首屏渲染优化会员提案，这是首份来自中国的会员提案，对于中国行业参与Web标准化工作，争取Web国际标准话语权，具有里程碑式的意义。此次百度与腾讯、UCWEB、电信研究院等机构联合提案，整个过程对于更多中国企业参与Web国际标准工作有非常好的借鉴作用。W3C希望能够收到更多来自中国的提案，以保证W3C标准满足中国行业的诉求。“

HTML5带来了一组新的用户体验，如Web的音频和视频不再需要插件，通过Canvas更灵活的完成图像绘制，而不必考虑屏幕的分辨率，浏览器对可扩展矢量图和数学标记语言的本地支持，通过引入新的注释信息以增强对东亚文字呈现的支持，对富Web应用信息无障碍新特性的支持，等等。这些领域很多代表了未来Web应用发展的方向。

我们也希望能够看到，未来能够有更多像百度这样的国内互联网企业，不断参与到国际标准化工作中，未来我们使用的各种相关标准中，能够有中国人的声音与力量。

-----------

终上所述：

原生app会被取代但是不一定是html5。也有可能是html10