Html5页面和Native App怎么进行交互

像我手里的这个项目，把静态页面逻辑，都写完，把页面链接给app，然后app开发人员会给你个他们特有的方法，你在你的页面中判断是否有这个方法，有就走app的方法，没有就走自己的方法

创新互联专注于桂东网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供桂东营销型网站建设，桂东网站制作、桂东网页设计、桂东网站官网定制、微信小程序开发服务，打造桂东网络公司原创品牌,更为您提供桂东网站排名全网营销落地服务。

html5的优点

HTML5为什么如此受欢迎？主要因为它本身的优势。HTML5的主要优势如下：

1、基于HTML5强大的兼容性。因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联，就因为这种强大的兼容性，使得在当下开发界是如此的火，同样也是因为这强大的兼容性，使得手机应用软件，app更适合，也更方便。所以更适合手机app软件开发，正好补充了手机小巧的不足。

2、HTML5开发支持的手机系统有android、ios。

3、HTML5其突出的特点就是强化了web页的表现性,追加了本地数据库，可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

4、HTML5开发能提供更快、更简便的服务，代码可高度重用，服务发布方便。

5、动画、游戏动态效果，地理定位等很多app应用正在崛起，而HTML5技术的强大优势就是这种让我们惊叹的效果。而未来采用HTML5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验，更好的视觉效果。

react native和html5相比哪个好

html5现在还占优势的。

1、开发方式

（1）代码结构：

React

Native更为合理，组件化程度高

（2）UI布局：Web布局灵活度

React

Native

Native

（3）UI截面图：React

Native使用的是原生组件，

（4）路由／Navigation：React

Native

Native更胜一筹

（5）第三方生态链：Native

modules

+

js

modules

=

React

Native

modules

2、性能

体验

（1）内存：Native最少；因为React

Native含有框架，所以相对较高，但是后期平稳后会优于Native。

（2）CPU：React

Native居中。

（3）动画：React

Native动画需求基本满足。

（4）安装包体积：React

Native框架打包后，811KB。相比热更新，可以忽略和考虑资源规划。

（5）Big

ListView

（6）真机体验：Native

=

React

Native

H5/Hybrid

HTML5游戏会比Native App更快吗

如果C++引擎和JavaScript做同样的任务，C++很有可能领先于JavaScript。但这里仍提出了一个很有趣的课题：使用“快”的语言（比如C++）并不能保证比“慢”的语言（JavaScript）有更好的性能。

这周，我对电脑进行了系统升级，采用Windows 8操作系统，全新的nVidia GetForce GTX 660显卡。一切就绪后，我进行了性能测试，浏览器是Chrome Canary 25，结果表明 Construct2的WebGL渲染器明显快于Native的C++ DirectX 9——基于Construct Classic引擎开发。

WebGL的测试结果是141911个sprite，而Construct Classic为109280。显然，WebGL比Native快了将近30%。

系统环境配置：Windows 8 RTM（64位）系统、Intel Core i5-2500 @ 3.3GHz (quad core)、8GB RAM、nVidia GeForce GTX 660 (driver v306.97)。然而，此结果并不能在Windows 7上复制，使用AMD Radeon芯片驱动（没有在Windows 8上试过）。WebGL在Firefox 19上却比Native慢很多，而IE根本就不支持WebGL。

这里也有些测试结果表明，WebGL是没有这个能力的，所以，它总是呈现Canvas 2D渲染。这次在Chrome Canary 25上的得分是3821，而之前的结果竟比它快37倍。

为什么会出现如此好的结果？据理解，它可能把WebGL的安全检查交由硬件处理，WebGL的操作规范要求浏览器必须在使用时正确检查所有的缓冲区，而不是在访问前或后。使用长缓冲区来渲染大量的sprites，为了保证安全使用，CPU采用排水作业的方式检查缓冲区。然而，一些GPU厂商可能会在GPU的硬件上检查缓冲区。或许，这仅仅适用于一些特定的OS，在驱动和硬件设备支持的情况下，否则，CPU仍然会做这些检查。这或许就是快的原因吧！

这儿还有另外一个重要原因：WebGL渲染器的设计比Construct Classic系列的C++ DirectX 9更加高效。当使用C++编写时，它的速度很容易降下来，虽然C++速度很快，但这并不表明编写任何C++代码都可以运行很快。当把引擎移到JavaScript上时，在大多数的基准测试中，它要比C++的慢好几倍。这驱使我们更加密切地关注性能并且采取更加明智的整体策略。当对每个精灵进行渲染时，经典的Native引擎会计算顶点位置（对象角落）。在使用collisions engine中已经把所识别的位置信息进行了计算和储藏。这就阻止了Construct 2重新计算——它们只需复制collisions engine中的计算。所以JavaScript只需做很少的事情。这可能会稍微缩小彼此间的差距。

这就解释了为什么只有在特定的环境下，JavaScript引擎才能领先于不那么高效地C++引擎。如果C++引擎和JavaScript做同样的事情，C++很有可能领先于JavaScript。但这里却提出了一个很有趣的课题：使用“快”的语言（比如C++）并不能保证比“慢”的语言（JavaScript）有更好的性能。这也表明会有一些更加灵巧的JavaScript/WebGL渲染引擎会打败Native引擎。这就预示着未来移动端的HTML5游戏也能像Native引擎一样，达到同样的基准测试结果（或者更多！）。

希望这个结论不是什么技术错误或者故障。另一方面，如果该结果是真实的，那么它会让人欣喜若狂的。大多数时候，人们会抱怨把本地游戏移植到HTML5上是多么的慢，那么它很快就会结束！

如何判断一款android应用是主要基于html5还是native控件开发

判断android应用是否是基于html5还是native控件开发主要有两种方式：

1.根据android的native控件开发的界面，是由一个个的控件组合而成，而html是包裹在一个webview控件里面的，所以可以通过查看布局边界，如果界面上是由很多的框组成的就是native控件开发的，反之为html5开发。在设置中找到开发人员工具，然后找到显示布局边界，选中，这个时候会发现屏幕中到处都是框框。

2.根据html5需要保持网络连接，断开网络之后会显示错误的网页信息来判断。手机的网络断掉。然后点开android程序页面。然后可以正常显示的东西就是原生写的。显示404或则错误页面的是html页面

近段时间，android应用的开发趋向于使用html5，因为其更新更简单，容易维护。

为什么移动平台还是 Native 更流行，较少 HTML5 应用

烽火星空很高兴为您解答：

以下译自Michael Mahemoff的一篇文章，详细分析了HTML5能否取代Android和ioS应用程序。

介绍

移动应用程序(App)和HTML5都是目前最火的技术，二者之间也有不少重叠之处。在移动设备浏览器里运行的html5的web页面，也可以重新打包成不同平台上运行的app。目前很多浏览器都有很好的跨平台支持，（译注：firefox居然可以在android中使用和windows下同样的浏览器内核），HTML5的web方案，对开发者来说更为方便。完成一次，即可多平台使用。但这确实可行吗？仍然有许多必要原因，使得开发者选择了app开发。很明显，很多人已经在这么做了。本文将详细分析两种方案的优劣。

功能丰富

正方：App里可以开发出更丰富的功能

我们把移动功能分成两类。程序本身和程序与系统的结合。比如android里，加入widget图标或者通知提醒之类的。App对这两者都没问题。不用多说，这是肯定的。

反方：APP是挺强，但Web也正在迎头跟进

确实很多原生app实现的功能是HTML5望尘莫及的。不管你的web做的再牛，如果停留在一个没有摄像头支持的沙盒中，很多场合还是玩不转。幸运的是，现在没有这样的沙盒限制了。如果你需要你的web照相片，可以做一个负责照像的app，再把你的web打包进这个应用里面。开源的PhoneGap框架是这么干的。这样widget，手机提醒也都没问题了。

但这种混合开发的问题在于，增加了复杂性，而且不象传统web那样可以直接在浏览器里运行。这个问题短时间内恐怕没辙。好在现在网络标准在不断的高速扩充，先进的浏览器也在一直跟进。Android 3.1已经支持camera了。ioS浏览器也支持WebSocket和设备方向检测了

。

总得来说，移动设备在发展，而web也同样在快速变化。桌面浏览器本身，有5家主要浏览器开发商在改进现有标准，丰富新的功能。所以原生App在快速前进，同时，web也在缩小差距。

运行效率

正方：原生APP速度更快

原生APP没有瓶颈，而且可以直接调用gpu加速、使用多线程。

反方：现如今Web已经快多了，而且多数应用也用不着那么快。

这说法有点落伍了。Chrome发布之时带来的Javascript V8，给Web速度带来的飞跃。而现在，计算速度变得更快了：

图片处理引擎已经使用web加速。现在硬件加速也已经开始应用了。看看用上硬件加速的canvas（图表来源）

要开发3D游戏的就不用抬杠了，但对于平而来说，新闻、邮件、时间管理、社交网络，这些用Web都够用了。试试Steve Souders的手机性能测试工具。 另外，越来越多的框架结合WebGL，可以发挥OpenGL的优势了。比如Impactjs，帮助开发js游戏。

开发感受

正方：原生APP好写

原生APP使用强壮的程序语言（Java, Objective C, C++）。适合写复杂程序，经过历史验证，api丰富。在桌面环境可以方便的用模拟器测试。而Web程序的runtimes和乱七八糟的各路浏览器让人头大。

反方：一般都是Web更简单，特别是需要兼容不同设备的时候。

Web最初的功能只限于文档展示，而不是程序应用，貌似最近俩星期才有了js。但有了js后，web的世界马上就不一样了。更何况web不只是静止的，HTML5，CSS3，EcmaScript Harmony（谁知道这是什么？）都给开发者极大帮助。你是喜欢C++，java, JavaScript，那你的个人爱好，也是基于你已经攒下的代码。但是现在没人能否认JavaScript也和前者站在同一擂台上。

浏览器/runtime的互不兼容（碎片），反过来看做APP也是一样。用Java写了Android app，然后又要面对ioS的Objective C。如果能写一个程序，马上能在Android和ioS上运行，多省事啊。这咱还没提WebOS, BlackBerry，Windows mobile呢。当然，这是理论上的。要是想让程序在每个平台都跑得很漂亮，得做不少调试和妥协。这对很多原生APP也是一样的。不同OS版本，不同的设备。。。

所谓的Web碎片化，一直都是如此。但好消息是现在已经有很多不错的解决办法。Modernizr库，用得好的话，可以帮你兼容一大批主流设备，不管是啥系统，哪个牌子的。看看我们2011年的Google io演示。

用户体验

正方：原生APP更切合原有平台

操作感受的定义之一，就是用户希望在你的程序里，用与系统连贯统一的方式来操作。不同的平台，都有一些约定俗成的习惯。比如长按按钮会有啥反应。你不能指望用一套统一的HTML5 App去满足所有用户。

此外，整个平台的操作感受都由用平台自有的软件库协调。直接调用平台工具包就能直接免费获得完整支持。

反方：我们Web有自己的传统，你要特想做原有平台那种感觉的web，也一样能做出来

前面说了，Web开发的方式，是先做一个大体适合所有平台的版本，然后再针对不同平台不断改进。当这些改进主要是针对功能时，你可以选择几个你最关心的平台做优化。类似于浏览器检测。技术论坛里的悲催技术员们，经常抱怨这事。太多不同的浏览器版本了。不过如果你优先关注两三种主流平台，是值得为他们多花点时间做做优化。

web本来就有自己的操作感受。我们也可以说，不同的默认浏览器以及运行环境造就了独特的"Web感受"。从更广的角度看，这本身就是一种用户公认的方式。此外，还有很多成功的案例并不遵循移动设备的原生操作习惯，人家也成功了。想想你最喜欢的手机游戏的界面？很多更传统的app也是一样，比如Twitter客户端。

传播途径

正方：原生应用更容易接触客户

象Google Play和Apple Store这样的app发布机制这几年势不可挡，推动了整个移动行业。每个程序员都能在市场里发布自己的应用。用户都挤在市场里浏览，搜索，接受推荐。不仅如此，只要你的程序够好，现有用户的打分会帮助你说服更多新的客户。

反方：其实web才容易接触到客户

通过web找到内容，这是经过论证的可靠途径。利用URL，每一项发布的内容都有一个独立的地址，包括在网站上发布的应用程序。搜索引擎帮助发现内容，其他网站提供链接，还有一些类似应用市场的分类网站。用户还可以邮件、短信、在社交网站分享你的链接。你的应用链接可以直接在不同设备上直接打开。

web上还没有一个统一的评分系统，但这个情况也在发生改变。往下看。。。

收费

正方：App收费：应天意，顺民生

“六岁孩子午饭时做app，$3一个，卖出几百万”。最近常听看到这样的新闻。各种大小厂商也跟着蜂拥而至，等着圈钱。应用商点帮开发商直接收费。最简单的办法，一次性收费。也有在app里再另行收费或者做订阅收费的，这帮助开发商赢得长期稳定的回报。

此外，传统网站的广告、赞助，在app里也同样适用。

反方：网站赚钱，从来都不是问题。现在机会还越来越多

Web能成为现在社会的推动力，有能力用多种方式取得回报，这是基本条件。虽然使用付费并不普遍。但SaaS的模式已经相当普及了。成功案例包括Google Apps，37signals的系列产品，各类邮件的收费版。另外，直接收费并不是web应用的唯一模式。广告、会员链接，赞助，其他产品服务的交叉推广都是可选的模式。

看着能在应用市场里直接赚钱而眼红的Web开发商们，你们不能直接把你的URL发进市场，但是做一个浏览web的app的壳子来连到自己的web上怎么样？现在市场中如果不说数以千计，至少也有上百的app这么干了。有些包装的好的，你甚至察觉不到他是一个web程序。

以后应用市场会直接支持web程序吗？这个现在还不好说，但去年Google已经建了个Chrome web store。虽然还只能从桌面电脑放问，但这已经挑起了浏览器厂商的兴趣。现在还只是个初步概念，但看起来挺有前途。

结论

现在还看不出完胜的一方。有些应用适合做app，有一些适合用html5。目前的情况，原生APP肯定是一个很重要的选择。上面提到的混合式开发，可能是一个不错的妥协方案。能用web的时候用app调用web。web实现不了的功能用app开发。

如果你选择web方式，要在web标准和不断的改进上用心。web技术本身的优点就是能兼容大批不同的操作系统和设备。消极的看，你也可以这是碎片，但web就是一切通吃。

英文原文：HTML5 VS native: THE mobile APP debate

中文翻译：unicom-china

本文地址：

本文名称：html5native的简单介绍
URL分享：http://ybzwz.com/article/dsipigi.html