HTML5的历史发展和开发app的优势
HTML5的历史发展和开发app的优势
HTML5对最终⽤户的3⼤优势
⼤幅降低使⽤门槛
为什么流媒体会替代下载视频成为主流?为什么页游会如此⽕爆?只因⽤户太“懒”。让⽤户更⽅便的满⾜需求，有时效果好于更多的满⾜需求。
⽤户眼睛看到⼀个兴趣点，点击后，就应该⽴即开始满⾜⽤户需求。⽐如流媒体可以⽴即看，页游可以⽴即玩。⽽⽬前的原⽣应⽤市场，⽤户需要这样操作：选⼀个应⽤、等待下载、确认权限、等待安装，然后点击打开。这样糟糕的体验迟早要被颠覆。
不管是、游戏还是⾳视频，未来都将即点即⽤。谁先满⾜⽤户这个需求，谁就制胜。
实时更新、差量更新的优秀体验
HTML5应⽤可以绕开应⽤市场的限制进⾏⾃主实时更新，⽤户可以快速享受新服务。
⽽且这种更新完全可以是差量更新，⽐如某个HTML页⾯或某个js⽂件有问题，只更新这个⼏k的⼩⽂件就可以了，这⽐原⽣应⽤的更新体验好太多。
跨应⽤的使⽤体验
⽬前⼿机应⽤切换是以桌⾯或任务管理器为中⼼的，但事实上这些中⼼很影响效率和体验。⽤户想出差三亚，先打开去哪App订票，然后切回桌⾯，再到并打开天⽓App，搜索输⼊三亚，再切到桌⾯，到并打开航旅纵横App，输⼊航班号值机，哦对了，航班号多少来着，再切到桌⾯，到并打开去哪App看航班号，最后到并打开租车App，输⼊租车地点，然后再切回桌⾯。
在原⽣应⽤体系下，⽤户只能这样。但在HTML5体系下，他不需要切回桌⾯，他可以在App间⽅便的直接跳来跳去，⽽不是使⽤⼀个⼀个孤岛App；他更不⽤重复录⼊数据，应⽤间可以⽅便的互相传递数据。
这种模式需要⼀点想象⼒，但未来迟早会来。
分析⾄此，我们可以明显的看出，不管是站在最终⽤户⾓度、还是站在开发者⾓度，HTML5必将取代原⽣应⽤当前的位置。并由此引发⼀系列颠覆。
还有什么会被改变?
HTML5的爆发，原⽣App⽣态系统的颠覆，是⼀场产业⾰命，很多⾓⾊都会受到影响，我们来预测⼀番。
新型HTML5引擎战⽕将烧起
新津县标准的HTML5引擎并不能解决HTML5的所有问题，拥有⼤流量⼊⼝的互联⽹巨头，莫不在思考内嵌更优秀的增强引擎。腾讯推出了X5浏览器引擎，就是看中这个机会。⽬前各路浏览器⼚商、应⽤市场⼚商、甚⾄rom⼚商，都在努⼒整合更优质的浏览器引擎。假使内嵌的Webview可以运⾏更优秀的canvas游戏、假使360⼿机助⼿可以发⾏即点即⽤的HTML5应⽤并且能⼒体验与原⽣⼀致、假使⼩⽶rom内置更强⼤的webview使得所有HTML5应⽤在⼩⽶⼿机上运⾏的更流畅。
更流畅。
⼀个巨头开始⾏动，所有巨头都会闻风⽽动，没错，这场战役会是移动互联⽹世界的⼆次世界⼤战。
应⽤发⾏市场将洗牌
由于超级App的巨⼤流量能轻易成为HTML5应⽤的⼊⼝，并且会形成⼤者更⼤的效应，传统的应⽤商店、甚⾄线下预装，这些流量不⾜和效率偏低的发⾏模式将被挤出市场主流。本⾝也是超级App的⼤流量应⽤商店，如果转型得当，也将以发⾏HTML5应⽤为主。
⼴告和统计市场
原⽣的⼴告和统计SDK提供商会⾯临尬尴，Google、百度等基于⽹页的⼴告和统计服务会取得更⼤的优势。开发者不再需要打包SDK，引⼊⼀个即可。
开源技术将在移动互联⽹领域更加流⾏
HTML的开放性造就了⼤量的开源产品，也反向促进了HTML的繁荣。在Github上有⼤量的JS框架，⽽原⽣的开源代码数量相⽐甚少。⽽未来移动互联⽹世界将因为开源⽽发展的更迅速，这⾥也同样存在类Github⼚商的机遇。
开发⼯具的变化
早期HTML只需要记事本写⼏个Tag，中期的HTML、JS、CSS⽐较复杂，需要更⾼级的⽂本编辑器，但HTML5到来后，它的代码量、复杂度、开发模型将与原⽣开发看齐，需要类似XCode、Eclipse等专业的IDE⼯具来解决开发、调试的问题。⼀些以会使⽤记事本写代码为荣的开发者，将⾯临思路转换甚⾄被更⾼效的开发者淘汰。
性能分析调优
⽬前很多针对原⽣应⽤的性能分析调优⼯具或服务，未来也⾯临转型，HTML5应⽤的性能分析调优是另⼀个世界。
混淆与产权保护
HTML5是开放代码的，好处也带来弊端，有些东西开发者希望暴露，但有些东西开发者希望保护。混淆技术就变得更有商业机会。PC Web上Gmail的混淆就做的不错。除了JS混淆，离线数据加密相信也有不少空间。
安全⼚商的新机会
HTML5的强⼤会引发很多安全问题，并且解决思路与原⽣不⼀样，业内有可能会出现新的安全⼚商领导者。
熟知历史才能预知未来，让我们来看看HTML5为什么诞⽣、这8年是怎么过来的。
HTML5的诞⽣
⾃W3C于1999年发布HTML4后，Web世界快速发展，⼀⽚繁荣。⼈们⼀度认为HTML标准不需要升级了。⼀些致⼒于发展Web App的公司另⾏成⽴了WHATWG组织，直到2007年，W3C从WHATWG接⼿相关⼯作，重新开始发展HTML5。
HTML5的发展史，有⽤户的需求在推动，有技术开发者的需求在推动，更有巨⼤的商业利益在推动。
在互联⽹的早期，对⽤户⽽⾔，能打开浏览器接⼊到互联⽹世界就是⼀个神奇的事情，但互联⽹发展到2005年前后，开始出现下⼀个变化，就是宽带互联。
随着宽带的普及和电脑性能的增强，⼈们不再满⾜于单纯的通过互联⽹看新闻、收发邮件，消耗更⾼带宽的娱乐产品开始出现，就是流视频和⽹页游戏。其实视频和游戏是古⽼的需求，在互联⽹不普及的时候，需求的满⾜⽅式是离线传输的VCD和游戏光盘；后来互联⽹逐渐普及，⼈们更改了使⽤⽅式，通过下载软件+本地媒体播放器来看视频，下载体积较⼤的端游玩游戏。
⼤的端游玩游戏。
但是对消费者体验更好的新⽅式还是出现并颠覆了以前的⼀切，那就是流媒体和⽹页游戏。Youtube等公司把握住潮流飞速崛起，各种页游公司也如⾬后春笋。
但是HTML标准没有把握住产业的变化及时演进，浏览器产品也未升级，这块新需求被浏览器插件满⾜了，那就是Flash。这个部署在亿万浏览器⾥的商业插件俨然成为事实标准。2005年Adobe巨资收购Macromedia，把Flash收归旗下，紧接着⼤幅推⼴FLV流媒体和action 语⾔，很明显这桩收购可以列为IT并购的经典案例，FLV流媒体和Flash游戏风靡互联⽹，Adobe在新的产业升级中攫取了⼤量的利润。
除了Flash这个商业产品成为了事实标准，W3C还⾯临⼀个尴尬，就是另⼀个私有扩展协议的制造者—IE。IE当时在桌⾯浏览器占有垄断地位，并且扩展了⼤量的IE Only语法，开发者完全不知道这些语⾔是谁定义的。整个web世界，就被两家公司微软+Adobe了。
很多IT巨头都坐不住了，尤其是苹果和Google。PC操作系统的世界难有突破，Web浏览器被苹果寄予厚望，⽽且第⼀代iPhone只⽀持⽹页，那时还没有Appstore，Safari是乔布斯⾮常看重的产品；新贵Google虽然⼤量赞助Mozilla，但并未对IE的地位产⽣实质影响，收购了YouTube后发现底层被Adobe控制，也是⾮常难过，⽽且Google每年给IE的搜索框和Adoble FLV缴纳的费⽤真不是⼩数⽬。
既然⼤家都是W3C的主席单位，好吧，我们重新开始做HTML5吧。
是的，HTML5其实就是这么诞⽣的。那是2007年，IE和Flash由盛转衰的转折点。
HTML5第⼀阶段：Web增强与破垄断
⾃HTML5诞⽣以来，⼀共经历了两个阶段，分别是Web增强和移动互联⽹。我们先从Web增强说起。
web体验的丰富增强主要表现在：1.webapp，⽐如gmail;2. 流媒体;3. 游戏。我们就这3个⽅⾯来讲HTML5做了什么。
1.webApp
HTML5新增了离线存储、更丰富的表单(⽐如Input type=date)、js线程、socket王乐、标准扩展embed、以及很多css3新语法…
2. 流媒体
HTML5新增了audio、video
3. 游戏
HTML5新增了canvas、webgl
当然还有Google努⼒在HTML5中推进Header和Section等标签，以利于搜索引擎分析，这些不多述。
HTML5补充流媒体和游戏能⼒后，加上苹果强势拒绝在iOS上引⼊Flash，成功的遏制了Flash的发展，然后就该遏制IE 私有语法了。
在HTML5标准的升级过程中，苹果和Google同时也看到了浏览器市场重新洗牌的机会，他们⼀⽅⾯参与HTML5的规范，⼀边在浏览器产品上发⼒。Apple⾸先开始⼤⼒发展Safari，建⽴WebKit开源项⽬，Mac、iOS、Windows多平台齐发⼒;Google起初是赞助Mozilla开发Firefox，后来⾃⼰开发了v8引擎，合并WebKit，于2008年正式推出Chrome。“IE的私有规范+Flash不是标准，我们才是标准”这样
的⼝号在新⼀代浏览器⼤战中打响，IE瞬间成为千夫所指的垄断代表，甚⾄成了阻碍Web发展的罪⼈(当时IE6已数年未更新，并且丝毫不惧Firefox的发展)。
偏偏微软此时也出了晕招，推出了⼀系列即不完整⽀持规范⼜互相不兼容的IE7、8、9、10，彻底失去了开发者的⼼。
Adobe的Flash被遏制，与Web霸主的位⼦擦肩⽽过;IE的私有标准被遏制，并且造成IE市场份额不停下滑，直到IE最新的移动版本反过来开始⽀持WebKit私有语法，真是令⼈唏嘘。不知道HTML6是不是该打倒WebKit垄断了。
的移动版本反过来开始⽀持WebKit私有语法，真是令⼈唏嘘。不知道HTML6是不是该打倒WebKit垄断了。
HTML5第⼆阶段：移动互联⽹
随着Chrome和Safari的⾼歌猛进，以及IE+Flash的衰落，HTML5告⼀段落，进⼊了下⼀个时代——移动互联⽹。HTML5的跨平台优势在移动互联⽹时代被进⼀步凸显。HTML5是唯⼀⼀个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语⾔。Java和Flash都曾梦想这个位置，但梦断于iOS。此时⼈们纷纷开始研究基于HTML5开发跨平台⼿机应⽤。很多⼈当时认为，
原⽣应⽤只是过渡，就像当年从C/S结构转变为B/S结构⼀样。⽽且学习Objective-C和Java很费劲，我既然会⽹页开发，为何不试试HTML5。
W3C此时成⽴了Device API⼯作组，为HTML5扩展了Camera、GPS等⼿机特有的API，然⽽⿇烦的是，移动互联⽹初期的迭代太快了，⼿机OS在不停的扩展硬件API，陀螺仪、距离感应器、⽓压计。。。每年⼿机OS都有⼤版本更新。⽽W3C作为⼀个数百家会员单位共同决策的组织，从标准草案的提出到达成⼀致是⾮常复杂的过程，跟不上移动互联⽹初期的快速迭代。钱学森观后感
PhoneGap的出现，给开发者打开了⼀扇窗。很多⼈期待PhoneGap不停扩展API，来补充浏览器的不⾜。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望，但在Adobe收购PhoneGap后，⼜发现这个东西可商⽤性不⾜，⽽且开源使得Adobe⽆法像Flash那样获取商业利益，于是就把PhoneGap捐给了Apache，改名为Cordova。
因为各种原因，Cordova的定位最终没有成为浏览器的强化，⽽⾛向了混合式开发。基于当时的背景，他们认为原⽣是不可替代的，“原⽣+HTML5”的混合模式更有意义。所以现在Cordova的使⽤模型是“原⽣⼯程师+HTML5⼯程师”⼀起协作完成App。
这时Facebook加⼊了W3C，牵头成⽴了Mobile Web⼯作组。Facebook是混Web圈的，并且在⼿机OS上没有⾃⼰的领地，他不喜欢被苹果和Google掌控的原⽣应⽤⽣态系统。Mobile Web这个⼯作组
的重要⽬标就是让HTML5开发的⽹页应⽤达到原⽣应⽤的体验。然⽽，事与愿违，它不努⼒也就算了，结果是努⼒了却失败了。2012年，Facebook放弃了HTML5的新闻充斥了全世界的IT媒体，HTML5瞬间被打⼊冷宫。
Facebook为何放弃HTML5?核⼼是当时基于HTML5真的做不出好的移动App。对⽐Twritter等竞争对⼿的原⽣
App，Facebook的HTML5版本实在⽆法让⽤户满意。⽐如Push功能，到现在HTML5的推送和原⽣的推送体验差距依然巨⼤，更不⽤说HTML5应⽤的页⾯切换⽩屏、下拉刷新/侧滑菜单不流畅等众多问题。看着原⽣⼯程师轻松实现摇⼀摇、⼆维码、语⾳输⼊、分享到朋友圈等功能，更是让HTML5⼯程师感觉⾃⼰站错了队。
即使Facebook不喜欢被控制，也不能拿被⽤户抛弃来冒险。⽽且Facebook并没有掌握关键点—⼿机浏览器内核。如果浏览器不跟上，徒然定⼀堆标准草案落不了地。
⽽浏览器在⼿机上的表现是什么呢?先看Google，Chrome性能虽⾼，但Android上的浏览器却并⾮Chrome，⽽是WebKit改出来的⼀个蹩脚的Android浏览器；再看苹果，iOS上不允许其他浏览器引擎上架App Store，⽽且其他使⽤Safari引擎的应⽤也⽆法调⽤苹果⾃⼰的Java加速引擎Nitro。结果是苹果和Google不但不在浏览器上积极实现HTML5关于移动App所需的规范，反⽽对HTML5做出种种限
制。
不管是当时硬件能⼒不⾜，还是⼿机OS⼚商的故意限制，总之结果就是：在移动互联⽹的初期，⼀定是原⽣应⽤⽣态系统的天下，iOS和Android⾸先⾃⼰的地盘稳固后，产业才会向下个阶段升级。
Facebook也好，PhoneGap也好，想在移动互联⽹初期就分⼀杯羹是分不到的，但坚持下来，机会往往会出现。HTML5这回真的来了
终于，在2014年10⽉底，W3C宣布HTML5正式定稿。这个时间，不晚不早，硬件性能更强、⼿机OS迭代速度下降。
随着HTML5标准定稿，⼀切纷争将告⼀段落，现在，属于HTML5的时代到来了。
有⼈说，光标准定稿没⽤啊，配套起来了吗?HTML5做的应⽤究竟能否匹敌原⽣App?答案是，HTML5不但可以匹敌原⽣App，甚⾄它天然的很多特性超越了原⽣App。
我们先谈谈HTML5原来不如原⽣应⽤的地⽅，业内俗称HTML5有“性⼯能”障碍。即HTML5性能不如原⽣、开发⼯具不如原⽣、能⼒调⽤不如原⽣。
这⼏个问题导致开发者⽆法使⽤HTML5做出与原⽣⼀样的App。然⽽，不管是硬件升级还是OS⼚商策略变化，以及相关软件技术的成熟，已解决了HTML5的“性⼯能”障碍。
1. 硬件升级
2011年，iPhone 4s的CPU是A5，现在iPhone 6是A8，按苹果的历次发布会的说法，速度共提升了7.5倍。这3年间7.5倍的速度提升，抹平了太多HTML5的性能问题。
2. 苹果、Google的策略变化
Google在2013年底发布的Android 4.4，内置的Webview不再是蹩脚的Android WebKit浏览器，⽽是Chromium，性能⼤幅提升。从最新的Android5.0开始，Webview可以通过Google Play Store实时更新，和Chrome的升级保持⼀致，⽤户就可以不刷机享受到最新的浏览器引擎；再看Apple⽅⾯，2012年iPhone 5发布后，HTML5在iOS上的表现已令⼈满意，Safari独家的Java加速引擎Nitro不再那么重要，不过在iOS 8发布后，苹果还是很识趣地取消了三⽅程序调⽤Nitro 的限制，现在任意浏览器或应⽤调⽤iOS的UIWebview都可以利⽤Nitro加速，这样在前端使⽤JS做⼤型运算也成为可能。两⼤⼿机操作系统霸主和浏览器巨头的态度发⽣了变化，使得HTML5在⼿机上的发展不再受限，⽽且这个变化不可逆只能继续向前，这种变化势必会产⽣深远的影响。
3. 软件技术的成熟
PhoneGap的发展虽然放缓了，但其他产品技术却成熟了。2014年的iWeb⼤会上，众多⼚商的产品提供了⾯向开发者免费或开源的HTML5性⼯能障碍的解决⽅案。
(注：编者作为从业⼈员，也会在分析各种⽅案时提到我们公司的⽅案，但编者会客观不夸张的陈述⽅案，⽽且该⽅案是纯免费的，没有商业销售嫌疑。)牛仔背带裤搭配
外国文学小说DCloud公司在iWeb⼤会上发布了系统的HTML5“性⼯能缺失”的解决⽅案，包括：
a) 性能：提升HTML5性能的⼿机端引擎，让侧滑菜单、下拉刷新等动态交互卡顿的问题得以解决;
b) ⼯具：HTML5开发IDE产品HBuilder, 超快的编程利器;
c) 能⼒：把40万原⽣API封装成Java对象，以解决HTML5能⼒不⾜问题的Native.js技术;
d) 最接近原⽣体验的⾼性能框架：MUI框架，体积只有⼏⼗K，加载、运⾏远快于⼀般框架。
基于该⽅案开发的HTML5应⽤完全可以达到原⽣App的功能和体验。
使⽤HBuilder开发HTML5应⽤
什么是食品添加剂英特尔公司发布了Crosswalk引擎，可以让Android 4.0-4.3的⼿机上的应⽤打包Chromium引擎⽽不是Android WebKit。毕竟⽬前市场上存在⼤量Android 4.0-4.3的⼿机，同时统⼀的webview也避免了兼容性的烦恼。
家长给孩子的评语
在专业⽅向上很多公司也做出了不错的成绩。触控的Cocos2d-html5、Egret runtime和Ludei CocoonJS强化了Canvas 的表现，让HTML5游戏体验更好;UC、猎豹等⼿机浏览器都强化了⾳视频播放的表现。
不管是硬件升级、软件成熟，还是操作系统⼚商策略变化，都在强⼒推动HTML5的爆发。
不过要注意，我说的HTML5爆发，不是指⼿机浏览器会替代桌⾯成为应⽤⼊⼝。有⼈说HTML5不好，因为⽤户讨厌打开浏览器输⼊URL的过程。我想说这种想法是对HTML5的⽚⾯理解。HTML5!=传统浏览器，虽然编程语⾔还是HTML、Java、CSS，但发⾏⽅式绝不是传统⽹站那么简单。HTML5应⽤的⼊⼝，反⽽很少是启动浏览器输⼊URL，它可以是存在于⼿机桌⾯的图标、也可以来⾃超级App(如朋友圈)、以及搜索引擎、应⽤市场、⼴告联盟。。。到处都是它的⼊⼝。它的⼊⼝，⽐原⽣App更多。
原⽣App的颠覆

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。