资讯频道 → 移动开发
阅读更多

1顶
0踩

移动开发

原创新闻 HTML5 vs.原生，世界究竟是谁的？

2015-02-04 11:05 by 副主编 mengyidan1988 评论(2) 有5960人浏览
html5 原生应用 移动开发

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

HTML5在近两年里可算是出尽了风头，无论是去年10月底的规范定稿，还是今年年初惊爆业内的微信开放JS SDK，亦或是腾讯、百度、360、搜狐等互联网巨头之间的布局争夺。这一切的一切似乎都在预示着HTML5将要给移动互联网界带来颠覆性变革。



也许以后，HTML5真的会重新定义移动互联网的黄金时代。但在此之前，当你准备开发一款应用时，切不可只一味的追寻别人所尊崇的技术，最重要的还是要搞清楚自己的整体需求。其中最为关键的问题包括“应用的受众是哪些？”、“用户想要获得的是什么？”，以及“吸引客户最好的策略是什么？”。其实，总的来说也就是两点：移动用户体验，劳动和资本投资需求。

既然有如此多的顾虑，那么总要选择最适合自己的开发方式。关于这个问题其实早就有各种分析，而这次我们再整体性的探索Web、原生以及混合应用开发之间的历史渊源。

Web应用：最小化成本，更新敏捷性

别看现在的HTML5风光无限，其实它的发展道路也是让人不胜唏嘘。自出生到去年规范的尘埃落定，长达8年的长跑真心不容易。其中最大的惨败要数2012年的Facebook事件，当时Facebook CEO扎克伯格怒言“押注HTML5是Facebook最大失误”，进而转战原生应用，这让支持HTML5的人受到了不小的打击。



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

也许在2015年，HTML5真的会打造出一个更进一步的移动生态圈，不过最终结果如何还是取决于开发者，毕竟开发者在移动互联网发展中起着核心作用。你是选择原始的开发形式还是独辟蹊径的去探寻新的道路，亦或借助HTML5这道风口，随之起飞？不妨说出你的观点，我们洗耳恭听。
文章来源：SDTime
  • 大小: 78.6 KB
  • 大小: 23.1 KB
  • 大小: 231.3 KB
  • 大小: 32.3 KB
1
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 androidstarjack 2015-02-04 20:58
大神，请问大神的QQ是多少啊，有问题交流一下
1 楼 LD_21 2015-02-04 11:24 
[flash=200,200][/flash][list]
[*]
引用
[u][/u]

[/list]

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • HTML5vs.原生，世界究竟是谁的？

    各具优缺点的HTML5和原生应用开发，究竟哪个才是你的心头好？HTML5在近两年里可算是出尽了风头，无论是去年10月底的规范定稿，还是今年年初惊爆业内的微信开放JSSDK，亦或是腾讯、百度、360、搜狐等互联网巨头之间的...

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

    ...其实原生APP和HTML5决胜的关键就是：谁能打破分配、货币化、平台制 约、网络影响力、功能性的瓶颈，谁就赢了。 转载于:https://my.oschina.net/zyt1978/blog/666740

  • HTML5+app开发学习之使用JS调用原生API篇

    如果说Node.js把js扩展到服务器世界，那么Native.js则把js扩展到手机App的原生世界。 HTML/JS/Css全部语法只有7万多，而原生语法有几十万，Native.js大幅提升了HTML5的能力。 NJS突破了浏览器的功能限制，也不再需要...

  • html游戏是什么意思,HTML5究竟是个什么鬼？

    当我还在南方小岛上玩儿的时候，一个朋友给我发了条语音信息(早上发的，我晚上才听，我让你发语音)大概是说，能不能帮忙联系一个会HTML5的团队，领导要求做一个HTML5的活动页面。看来HTML5的浪潮又要让我们的广告...

  • IT痴汉的工作现状33-HTML5的春天是原生App的冬天？

    副标题是移动开发技术之思考公司各部门都在“高价”招HTML5开发者，而且多数是针对移动终端的。舆论氛围高涨，不得不让我对移动应用开发技术再进行一些思考了。时间回到了2011年，这一年可谓是HTML5的开局年。各大...

  • H5究竟是什么?

    从 2014 年起，一个叫做 H5 的词出现了，... 那么问题来了，谁能给我解释解释这么神奇的 H5 究竟是个什么鬼? 有人说，H5 是 HTML5 的缩写，是新技术 有人说，H5 是植入在微信内的网页 有人说，H5 是超级移动...

  • HTML5已定稿：将彻底颠覆原生应用?

    过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。 熟知历史...

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

    atitit.html5 vs 原生 app的区别与选择   1. html5的优点 1 1.1. 最大优势：：在跨平台（ios苹果，android安卓等） 1 1.2. 开放性 1 1.3. 快速的更新，热更新 2 1.4. 开发成本上 2 1.5. 碎片化 2 ...

  • HTML5定稿了 为什么原生App世界将被颠覆

    原文：...　过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的

  • 使用flv.js快速搭建html5网页直播

    目录什么是flv.jsflv.js的原理常见直播协议兼容性flv.js搭建过程下载链接flv.js Demo演示直播服务器搭建QQ交流群：697773082 ...HTML5 原生仅支持播放 mp4/webm 格式，是不支持 FLV格式的。 flash性能问题是长...

  • HTML5定稿，为什么是原生App的颠覆

    转载链接：程序员新闻 ...2007年W3C（万维网联盟）立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。 过去这些年，HTM

  • HTML5原生WebGL开发系列教程

    在WebGL中使用drawElements绘图5. WebGL不同几何图形的渲染方式6. 使用自定义glTranslate与glRotate7. 原生WebGL+ArcGIS JS API绘制旋转的地球8. WebGL矩阵、Camera基础操作9. WebGL使用一张贴图纹理绘制地球

  • HTML原生

    我们学的是HTML5,而且HTML5的文档类型兼容很好(向下兼容的原则)，所以大家放心的使用HTML5的文档类型就好了。 字符集（charset） **不写出现乱码问题** gb2312 简体中文 六千多个汉字 BIG5 繁体...

  • 基于vue的菜谱网站，前端采用vue，后端采用express，数据库采用mysql。.zip-毕设&课设&实训&大作业&竞赛&项目

    项目工程资源经过严格测试运行并且功能上ok，可实现复现复刻，拿到资料包后可实现复现出一样的项目，本人系统开发经验充足（全栈全领域），有任何使用问题欢迎随时与我联系，我会抽时间努力为您解惑，提供帮助 【资源内容】：包含源码+工程文件+说明等。答辩评审平均分达到96分，放心下载使用！可实现复现；设计报告也可借鉴此项目；该资源内项目代码都经过测试运行，功能ok 【项目价值】：可用在相关项目设计中，皆可应用在项目、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面，可借鉴此优质项目实现复刻，设计报告也可借鉴此项目，也可基于此项目来扩展开发出更多功能 【提供帮助】：有任何使用上的问题欢迎随时与我联系，抽时间努力解答解惑，提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 下载后请首先打开说明文件（如有）;整理时不同项目所包含资源内容不同;项目工程可实现复现复刻，如果基础还行，也可在此程序基础上进行修改，以实现其它功能。供开源学习/技术交流/学习参考，勿用于商业用途。质量优质，放心下载使用

  • 数据分析全流程指南：从基础知识到实战项目的Python&R生态应用

    内容概要：本文档提供了关于数据分析全面的知识介绍与实战资源链接。首先，在数据分析的基础教程部分讲述了使用Python以及R两种语言来进行实际的数据分析工作所需具备的各项基本技能。其次，进阶教程涵盖从机器学习到深度学习的概念及其Python具体应用场景。接着，在工具有效利用层面介绍了多种热门库与平台的作用特点。在项目实践中，列举了四个实战案例：Titanic幸存者预测、房价预测、社交媒体情感倾向分析以及市场顾客购买模式研究，每个项目都有详细的技术流程指引。另外列出多个外部网站资源供进一步提升学习。 适用人群：本文主要面向有志于从事数据挖掘工作的学生和技术爱好者，同时也可辅助在职人士自我能力进阶。无论是在学术科研还是实际业务需求环境中都值得研读。 使用场景及目标：学习者将能够获取到系统的理论知识体系，熟悉业界主流软件包的功能优势，掌握具体业务问题解决方案路径，提高自身的综合技术素质，从而为个人职业规划增添竞争力。 其他说明：文档里推荐了不少高质量参考资料和实用线上学习社区，能有效补充专业知识空白并促进社交协作交流。

  • 从埃安泰国工厂竣工看中国车企加快海外建厂步伐.pptx

    从埃安泰国工厂竣工看中国车企加快海外建厂步伐.pptx

  • 复现改进的L-SHADE差分进化算法求解最优化问题详解：附MATLAB源码与测试函数集,复现改进的L-SHADE差分进化算法求解最优化问题详解：MATLAB源码与测试集全攻略,复现改进的L-SHADE

    复现改进的L-SHADE差分进化算法求解最优化问题详解：附MATLAB源码与测试函数集,复现改进的L-SHADE差分进化算法求解最优化问题详解：MATLAB源码与测试集全攻略,复现改进的L-SHADE差分进化算法求最优化问题 对配套文献所提出的改进的L-SHADE差分进化算法求解最优化问题的的复现，提供完整MATLAB源代码和测试函数集，到手可运行，运行效果如图2所示。 代码所用测试函数集与文献相同：对CEC2014最优化测试函数集中的全部30个函数进行了测试验证，运行结果与文献一致。 ,复现; 改进的L-SHADE差分进化算法; 最优化问题求解; MATLAB源代码; 测试函数集; CEC2014最优化测试函数集,复现改进L-SHADE算法：最优化问题的MATLAB求解与验证

  • DCDC 电阻分压计算器

    可选择参考电压与输出电压 可选择电阻精度以及输出电压误差值

Global site tag (gtag.js) - Google Analytics