atitit.html5  vs 原生 app的区别与选择

1. html5的优点 1

1.1. 最大优势::在跨平台(ios苹果,android安卓等) 1

1.2. 开放性 1

1.3. 快速的更新,热更新 2

1.4. 开发成本上 2

1.5. 碎片化 2

2. 原生app 应用的优点 2

2.1. 对游戏等要求性能的app更好 2

2.2. 原生应用最大的优势就是可以访问设备中的所有功能 2

2.3. 对摄像头、电话本,相机,游戏等操作支持的好,对语音,联系人和日历,也支持比较好。 2

2.4. Push功能,到现在HTML5的推送和原生的推送体验差距依然巨大 3

3. hybrid应用 3

4. 大趋势web html5。。 3

4.1. HTML5第一阶段: Web 增强与破垄断 3

4.2. HTML5第二阶段: 移动互联网 4

4.3. 性能方面 4

4.4. 跨平台 4

4.5. HTML5应用的入口 4

5. 参考 5

1. html5的优点

1.1. 最大优势::在跨平台(ios苹果,android安卓等)

,HTML5胜出。HTML5采用网络通用语言,不用考虑终端设备或者操作系统的不同。

1.2. 开放性

更强的发布控制方面,HTML5胜出。。HTML5是基于Web的,这就意味着不受任何一家私有公司控制

作者:: 老哇的爪子 Attilax 艾龙,  EMAIL:1466519819@qq.com

转载请注明来源: http://blog.csdn.net/attilax

1.3. 快速的更新,热更新

web支持天然的热更新。更新功能无需升级客户端。。

1.4.  开发成本上

html5较低,因为只需要一套主要的版本就可。。接口也可以简化

1.5. 碎片化

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

2. 原生app 应用的优点

2.1. 对游戏等要求性能的app更好

2.2. 原生应用最大的优势就是可以访问设备中的所有功能

2.3. 对摄像头、电话本,相机,游戏等操作支持的好,对语音,联系人和日历,也支持比较好。

如果app需要大量使用此类功能,可以使用原生方式

2.4. Push功能,到现在HTML5的推送和原生的推送体验差距依然巨大

3. hybrid应用

hybrid就是混合方式,,对于普通应用来说,  80%的html5+20%的原生会是个比较好的选择。。

4. 大趋势web html5。。

从pc平台的cs转向bs结构来看,,web是个大趋势,,所以未来大部分的app应该还是

web html5的天下,性能要求很高的长尾应用会依然使用原生App 。。

在移动互联网的初期,是原生应用生态系统的天下,但随后web就步步跟进了。。

4.1. HTML5第一阶段: Web 增强与破垄断

自HTML5诞生以来,一共经历了两个阶段,分别是Web增强和移动互联网。我们先从Web 增强说起。Web体验的丰富增强主要表现在:

WebApp HTML5新增了离线存储、更丰富的表单(比如Input type=date)、js线程、socket、标准扩展embed、css3…

流媒体 HTML5新增了audio、video

游戏 HTML5新增了canvas、webgl

HTML5还为搜索引擎的语义分析做了优化,比如新增Header和Section等标签,也在无障碍等领域做了不少工作

4.2. HTML5第二阶段: 移动互联网

随着Chrome和Safari的高歌猛进,以及IE+Flash的衰落,HTML5告一段落,进入了下一个时代——移动互联网。

HTML5的跨平台优势在移动互联网时代被进一步凸显。HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言

W3C此时成立了Device API工作组,为HTML5扩展了Camera、GPS等手机特有的API,但是缺少手机OS在不停的扩展硬件API,陀螺仪、距离感应器、气压计。

PhoneGap不停扩展API,来补充浏览器的不足。

4.3. 性能方面

随着移动端硬件速度提升,抹平了太多HTML5的性能问题。

4.4. 跨平台

跨平台技术在早期大多因为性能问题夭折,但中后期硬件能力增强后又会占据主流,因为跨平台确实是刚需。

4.5. HTML5应用的入口

,反而很少是启动浏览器输入URL,它可以是存在于手机桌面的图标、也可以来自超级App(如微信朋友圈)、以及搜索引擎、应用市场、广告联盟。。。到处都是它的入口。它的入口,比原生App更多

而原生App的流量入口只有应用市场

5. 参考

HTML5 vs.原生,世界究竟是谁的?-CSDN.NET.htm

atitit.html5 vs 原生 app的区别与选择的更多相关文章

  1. h5做的app和原生app的区别

    之所以说h5做的app和原生app的区别,是因为一位博友的问题: 随着 h5 的普及,是不是不再需要开发 app ? 我的回答是要分业务需求,分场合而定. 比如现在的微信小程序这么流行,甚至也取代了不 ...

  2. h5做app和原生app有什么区别?

    h5做app和原生app有什么区别? 一.总结 一句话总结: 二.h5做app和原生app有什么区别? 普通的HTML5技术与原生技术相比,有跨平台.动态.开放.直达二级内容页面等特点,但却在性能.工 ...

  3. Do带你解析:原生APP与web APP的区别

    对于DeviceOne原生跨平台APP与WEB APP的区别,很多人还不是很清楚,下面就让小编来简单介绍DeviceOne原生APP的功能以及与WEB APP的区别. 定义,什么是原生APP和web ...

  4. WebAPP与原生APP的交互设计区别

    WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结. 从使用场景上,WebAPP用户 ...

  5. 纯 HTML5 APP与原生APP的差距在哪?

    纯 HTML5 APP与原生APP的差距在哪? 写过一些纯H5的APP,虽然开发起来的确很快很舒服,但和原生比起来纯H5APP还是有很多问题,主要聚集在以下几个方面: 1.动画 动画有很多种,比如侧边 ...

  6. H5和原生APP之间的区别

    最近项目中因各种客观因素,移动端都是默认用的纯H5 APP,感受最深的就是各种坑啊,好大的坑啊.产品上线后,带着各种坑后的总结原因方发现很多人都说纯H5 APP一次编写就能支持android和IOS两 ...

  7. 吓哭原生App的HTML5离线存储技术,却出乎意料的容易!【低调转载】

    吓哭原生App的HTML5离线存储技术,却出乎意料的容易![WeX5低调转载] 2015-11-16 lakb248 起步软件 近几天,WeX5小编编跟部分移动应用从业人士聊了聊,很多已经准备好全面拥 ...

  8. 使用HTML5构建iOS原生APP(2)

    本文转载至 http://ju.outofmemory.cn/entry/18807 有时候我们在内嵌的webview中希望点击一个链接之后,触发iOS原生事件,而不是webview内页面跳转(因为w ...

  9. web app与app的区别,即html5与app的区别

    公司准备要做一个项目,是p2p配资的app.在网上问了一些人后,发现有的是直接有html5做好后,用软件封装的.之前我学过app的开发,当时Android版本的,知道开发Android app时写的代 ...

随机推荐

  1. Git本地仓库与Github远程仓库关联

    如果你已经在本地创建了一个Git仓库,又想在GitHub创建一个Git仓库,并且让这两个仓库进行远程同步,那就需要用到SSH Key,github拿到了你的公钥就会知道内容是你推送的. SSH Key ...

  2. ASP.NET Core 1.0 基础之配置

    来源https://docs.asp.net/en/latest/fundamentals/configuration.html ASP.NET Core 1.0支持不同的配置选项.应用配置数据可以是 ...

  3. jenkins报:反向代理设置有误

    1.如图所示: 2.点击更多信息,查看解决办法: https://wiki.jenkins-ci.org/display/JENKINS/Jenkins+says+my+reverse+proxy+s ...

  4. iOS: 如何调节UITabbarItem的图片和文字位置

    转载自:http://blog.csdn.net/kevinwlc/article/details/21467499/ 在ios7中,方法setFinishedSelectedImage:withFi ...

  5. 一次WEB前端优化尝试

    今天对自己做的项目中的一个设计器界面加载速度上进行了优化,因为页面在加载的时候,感觉有点慢.首先,我用firefox的yslow和chrome的pagespeed进行了测试,效果如下,分数有点不同,但 ...

  6. vue父组件异步传递prop到子组件echarts画图问题踩坑总结

    效果图: 大致思路:考虑到5张图都是折线图,所以准备用一个子组件承接echarts画图,然后父组件通过prop传递不同数据来展示不同的图 踩坑问题: 1.引入line子组件,画了5个元素,但是只显示一 ...

  7. Transform数据权限浅析1之mdl语句批量加载权限

    Cognos建模工具除了Framework之外,还有一个Transform,两者的最大区别就是在于Framework是通过结构直连关系数据库的,数据根据数据仓库的变化而变化,而Transform是生产 ...

  8. easyui datagrid 分页保持checkbox选中状态

    刚开始我一直迷迷糊糊的写了很久,发现其实很简单 先给大家看看我的笨办法 var checkedItems = []; function ischeckItem() { for (var i = 0; ...

  9. 搜集整理一些Cron表达式例子

    1.cronExpression配置说明 字段 允许值 允许的特殊字符 秒 0-59 , - * / 分 0-59 , - * / 小时 0-23 , - * / 日期 1-31 , - * ? / ...

  10. dsPIC33EP 时钟初始化程序

    //文件名p33clk.h #ifndef _P33CLK_H_ #define _P33CLK_H_ //#include "p33clk.h" #define WDT_ENB ...