原生html5,原生html5页面

怎么区分页面是原生的还是HTML5?

给大家一个简单的办法。特别好用。 

微信里面，你下拉看到 有网址，就是H5。没有就是na的。

顶部有分享的就是H5的，没有就是原生的。

然后谈谈什么是na什么是H5，谈谈两者的优缺点。

1、在跨平台上，HTML5胜出。

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

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

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

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

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

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

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

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

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

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

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

相关问答

Q1: 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与原生应用之间并不存在激烈的竞争替代关系。各自有各自的优缺点，最终选择何种方式还是取决于自己项目的需求。而作为妥协存在的混合应用，倒也是不错的选择。

Q2: 不用框架 原生的html5性能怎么样

你好，原生的html挺好用的，性能也是很不错的，用框架的好处可以快速开发，节省开发的时间，另外框架中有一套完善的html5处理系统，如果自己开发，你会发现，什么都要你来做，并且重复性的代码也多，慢慢的你也会形成自己的框架的

希望可以帮助到你

Q3: 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. 如何靠这个应用赢利

Q4: 写网页用原生 html5 和 bootstrap 哪种用户体验好

根据优势选着你觉得合适自己的：

bootstrap：优势与劣势

bootstrap

2以后的版本不支持IE6。当你的网站需要支持ie6的时候，这时是缺点。当网站不需要支持ie6.减少了兼容代码的处理，马上又变成了优点。

总体而已，Bootstrap 属于前端 ui

库，通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师，省去了很多编写前端处理时的痛苦。个人使用搭个博客什么的比较方便。

相对于公司，直接使用 Bootstrap

感觉不多，大公司都有自己的前端开发设计人员，也会设计自己的css库。当然，Bootstrap开源，对于学习如何组织css还是很有必要。

个人认为：bootstrap最大的缺点在于 --------- 大家做出来的网站都一个摸样。

html5：优势与劣势

1、摆脱对平台的依赖

HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。

2、实时更新

实时更新，通常平台的审核都需要七个工作日左右的时间，如果你发布之后发现问题怎么办?Web方式就不存在这种问题。

3、离线使用

用户可以离线使用，更新下载量及少，可以全部更新，也可以选择替换部分文件。

4、代码更安全安全

使用HTML5，代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题，但现在HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。

5、跨平台

HTML5可以做到跨平台，多数核心代码不用重写，Javascript的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。诚然，这种方式并非完全跨平台，但这样也足以减少很多工作量了，特别是后期的维护。

6、可以充分利用Native

HTML5可以通过浏览器作为中介充分利用Native的好处，比如说可以使用GPS、照相机、本地相册、读取本地联系人，也可以使用推送功能等，最重要的是，某些Web无法实现的功能，我们可以利用Native来实现。

HTML5 可能对移动 Web 带来更多好处，原因是，现在的移动 Web，iPhone 占主导地位，而 iPHone 是不支持 Flash

的。HTML5 还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是 SEO，Google

4月9号宣布，将页面加载速度作为搜索排名的一个因素，因此，基于 HTML5 的页面也会因加载速度更快而受益。

不过，和任何新技术的降临一样，其中也会牵扯到一些问题，对 Web

设计者而言，最大的一个问题就是因为这些新标签的引入，各浏览器之间将缺少一种统一的数据描述格式。

在 HTML5 被广泛采用之前，我们还无法完全知道 HTML5

代码将带来的好与坏，总体来说，对开发者而言，这将是一个巨大的变化，而对图形设计师而言，还不明朗。

Q5: 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无法对此造成严重影响。