HTML5：颠覆原生 App 世界的八年发展历程

xinxi1368

2007年，W3C（万维网联盟）建立了HTML5项目。直到2014年10月底，这个长达八年之久的规范才最终正式结束。

这些年来

HTML5颠覆了PC互联网的格局，优化了移动互联网的体验。接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但如果仔细分析HTML5的发展历史，你会发现这确实是世界的发展趋势。

只有熟悉历史的人才能预测未来。让我们先来看看HTML5为何诞生，以及它在过去八年里是如何演变的。

HTML5的诞生 自1999年W3C发布HTML4以来，Web世界迅速发展、繁荣。人们曾经认为HTML标准不需要升级。一些致力于开发 Web 应用程序的公司建立了单独的组织。直到2007年，W3C才接手相关工作，重新开始开发HTML5。

HTML5的发展历史是由用户的需求、技术开发者的需求以及巨大的商业利益驱动的。

在互联网的早期，用户能够打开浏览器并访问互联网世界是一件神奇的事情。然而，随着2005年左右互联网的发展，下一个变化开始发生，那就是宽带互联网。

随着宽带的普及和计算机性能的增强，人们不再满足于简单地通过互联网阅读新闻、收发电子邮件。消耗更高带宽的娱乐产品开始出现，例如流媒体视频和网页游戏。事实上，视频和游戏是古老的需求。在互联网尚未普及的时候，满足需求的方式就是VCD、游戏光盘的离线传输。后来互联网逐渐普及，人们改变了使用方式，通过下载软件+本地媒体播放器。视频、下载较大的客户端游戏。

但提供更好消费者体验的新方式已经出现并颠覆了之前的一切，那就是流媒体和网页游戏。随着企业抓住趋势迅速崛起，各类网页游戏公司也如雨后春笋般涌现。

然而HTML标准并没有及时演化来把握行业的变化，浏览器产品也没有升级。这个新的需求得到了浏览器插件的满足，它就是Flash。这个部署在数亿个浏览器中的商业插件已经成为事实上的标准。 2005年，Adobe斥巨资收购，将Flash纳入旗下，随后大规模推广FLV流媒体和语言。可见，此次收购堪称IT并购的经典案例。 FLV流媒体和Flash游戏在互联网上流行。 Adobe 正处于新时代。产业升级获取了大量利润。

除了Flash这个已经成为事实标准的商业产品之外，W3C还面临着一个尴尬，那就是另一个私有扩展协议——IE的制造商。 IE当时垄断了桌面浏览器，并扩展了大量IE Only语法。开发人员不知道是谁定义了这些语言。整个网络世界被微软+Adobe这两家公司绑架了。

很多IT巨头都坐不住了，尤其是苹果。在PC操作系统领域想要取得突破是很困难的。苹果对网络浏览器寄予厚望，第一代仅支持网页。当时还没有，是乔​​布斯非常看重的产品。虽然暴发户赞助了很多钱，但这并没有影响IE的地位。真正的影响是，收购之后，我发现底层被Adobe控制了。也很伤心，IE的搜索框和FLV支付的年费确实不是一个小数目。

既然大家都是W3C的主席单位，那好吧，我们再开始搞HTML5吧。

是的，HTML5 就是这样诞生的。那是2007年的转折点，IE和Flash由盛转衰。

HTML5第一阶段

Web增强与打破垄断 HTML5诞生以来，经历了Web增强和移动互联网两个阶段。让我们从 Web 增强开始。

Web体验的丰富增强主要体现在：

1.比如Gmail；

2、流媒体；

3.游戏。

下面我们就来说说HTML5在这三个方面做了什么。

：HTML5添加了离线存储、更丰富的表单（例如Input type=date）、JS线程、、标准扩展嵌入以及许多新的CSS3语法...

流媒体：HTML5 添加音频和视频

游戏：添加了 HTML5、WebGL

当然，也有努力在HTML5中推广 、 等标签，以方便搜索引擎分析。我不会详细介绍这些。

HTML5加入流媒体和游戏功能后，再加上苹果强烈拒绝在iOS上引入Flash，成功遏制了Flash的发展，接下来就是遏制IE私有语法的时候了。

在HTML5标准升级的过程中，苹果和苹果也看到了浏览器市场重新洗牌的机会。他们一方面参与HTML5的规范，另一方面在浏览器产品上下功夫。苹果首先开始大力发展，建立开源项目，在Mac、iOS、多个平台上协同工作。起初是赞助开发，后来自己开发了v8引擎，将其合并，并于2008年正式推出。在新一代浏览器中推出了“IE私有规范+Flash不是标准，我们才是标准”的口号战争。 IE瞬间成为了被很多人诟病的垄断代表，甚至成为阻碍Web发展的罪人（当时IE6已经多年没有更新，也不怕发展了）。

然而微软此时也犯了一个错误，推出了一系列不完全支持规范且互相不兼容的IE7、8、9、10系列，彻底失去了开发者的心。

Adobe的Flash被打压，险些失去Web霸主的地位； IE的私有标准被打压，导致IE的市场份额不断下滑，直到最新的移动版IE又开始支持私有语法，这实在是令人悲哀。不知道现在是不是HTML6推翻垄断的时候了。

HTML5 第 2 阶段

随着移动互联网的快速发展和IE+Flash的衰落，HTML5已经走到了尽头，进入了下一个时代——移动互联网。 HTML5的跨平台优势在移动互联网时代进一步凸显。 HTML5是唯一适用于PC、Mac、iPad、Phone等主流平台的跨平台语言。 Java和Flash都曾梦想过这个位置，但他们的梦想却以iOS而告终。这时，人们开始研究基于HTML5的跨平台移动应用的开发。当时很多人认为原生应用只是一个过渡，就像从C/S结构到B/S结构的过渡一样。而且，学习C和Java是非常困难的。既然我了解 Web 开发，为什么不尝试一下 HTML5。

W3C此时成立了一个工作组来扩展HTML5、GPS和其他手机专用的API。但麻烦的是，移动互联网初期迭代太快，手机OS不断扩展硬件API、陀螺仪、距离传感器。 ，晴雨表。 。 。手机操作系统每年都会有重大版本更新。作为一个数百个成员单位共同决策的组织，W3C从提出标准草案到达成共识的过程非常复杂，跟不上移动互联网早期的快速迭代。

的出现，为开发者打开了一扇窗。很多人期待着不断扩展API来补充浏览器的缺点。 Adobe似乎看到了重振自己在世界地位的希望，但是Adobe收购之后却发现这个东西在商业上不可行，而且开源又让Adobe无法像Flash一样获得商业利益，于是将其捐赠并改名。

由于种种原因，浏览器的定位最终并没有成为浏览器增强版，而是走向了混合开发。基于当时的背景，他们认为原生是不可替代的，“原生+HTML5”的混合模式更有意义。所以目前的使用模式是“原生工程师+HTML5工程师”共同完成App。

此时，他加入了W3C并牵头成立了工作组。他出身于Web圈，在移动OS上没有自己的领地。他不喜欢苹果和苹果控制的原生应用生态系统。 Web工作组的重要目标是让使用HTML5开发的Web应用达到原生应用的体验。然而，事情却适得其反。不努力也没关系。结果就是尽管很努力还是失败了。 2012年，放弃HTML5的消息充斥全球IT媒体，HTML5瞬间陷入冷宫。

为什么放弃HTML5？核心在于，当时基于HTML5确实不可能做出一款好的移动应用。与其他竞争对手的原生应用相比，HTML5版本确实无法满足用户。比如Push功能，HTML5的推送体验和原生的推送体验还是有巨大差距的，更不用说HTML5应用中切换页面时白屏、下拉刷新/侧滑不流畅等诸多问题菜单。看着原生工程师轻松实现摇一摇、二维码、语音输入、分享朋友圈等功能，让HTML5工程师感觉自己站错了队。

即使你不喜欢被控制，你也不能冒被用户抛弃的风险。而且没有抓住关键点——手机浏览器核心。如果浏览器跟不上，一堆标准草案就白费了。

手机浏览器的性能如何？首先，虽然性能高，但是手机上的浏览器不是，而是经过修改的蹩脚浏览器；看看苹果，其他浏览器引擎不允许在 iOS 上放到 App Store 上，其他使用该引擎的应用程序也不能调用苹果自家的加速引擎 Nitro。结果就是苹果和苹果不仅没有积极在浏览器中实现移动应用的HTML5规范，反而对HTML5施加各种限制。

无论是当时硬件能力的不足，还是移动操作系统厂商的刻意限制，结果就是：在移动互联网的早期，世界一定是原生应用生态占据主导地位。只有当iOS稳定下来，首先是自己的地盘稳定下来之后，这个行业才会进入下一个阶段。升级。

无论如何，初期你都无法在移动互联网中分到一杯羹，但只要你坚持下去，机会往往就会出现。

HTML5这次真的来了。最终，2014年10月下旬，W3C宣布HTML5正式定稿。这个时候不晚也不早，硬件性能会更强，移动OS迭代速度会减慢。

随着HTML5标准的最终确定，一切争议都将落下帷幕。现在，HTML5时代已经到来。

有人说，光是标准定型是没有用的，匹配了吗？使用 HTML5 制作的应用程序可以与本机应用程序竞争吗？答案是，HTML5不仅可以与原生应用程序竞争，甚至它的许多自然功能也超越了原生应用程序。

我们先来说说HTML5不如原生应用的地方。业内众所周知，HTML5存在“性能”障碍。即HTML5的性能不如原生，开发工具不如原生，调用能力不如原生。

这些问题阻碍了开发者使用 HTML5 来制作与原生应用相同的应用。不过，无论是硬件升级还是操作系统厂商策略的变化，以及相关软件技术的成熟，HTML5的“性能”障碍都已经得到解决。

1、硬件升级

2011年4S的CPU是A5，现在6是A8。根据苹果此前的发布会，速度提升了7.5倍。三年来7.5倍的速度提升，消除了太多HTML5性能问题。

2、苹果的战略转变

2013年底发布的4.4，不再是蹩脚的浏览器，而是性能有了很大的提升。从最新的5.0开始，可以通过Play Store实时更新。配合升级，用户无需刷机即可享受最新的浏览器引擎；反观苹果，2012年发布5.0之后，HTML5在iOS上的表现已经让人满意，专属的加速引擎Nitro已经不再那么重要了。然而，iOS 8 发布后，苹果明智地取消了对第三方程序调用 Nitro 的限制。现在任何调用 iOS 的浏览器或应用程序都可以使用 Nitro 加速。这样前端用JS做大的操作也是可以的。两大移动操作系统霸主和浏览器巨头的态度发生了转变，使得HTML5在手机上的发展不再受到限制。而且，这种变化是不可逆转的，只能继续前行。这一变化势必会产生深远的影响。

3、软件技术成熟度

虽然其发展速度有所放缓，但其他产品技术已经成熟。在2014年iWeb大会上，众多厂商的产品为开发者提供了针对HTML5性能障碍的免费或开源解决方案。

（注：作为从业者，作者在分析各种解决方案时也会提到我们公司的解决方案，但作者会客观、不夸张地陈述该解决方案，且该解决方案完全免费，不存在商业销售嫌疑。）

该公司在iWeb大会上发布了针对HTML5“性能不足”的系统解决方案，包括：

使用开发 HTML5 应用程序

英特尔发布了一个引擎，允许在 4.0 - 4.3 手机上打包应用程序，而不是引擎。毕竟目前市面上有大量4.0-4.3的手机，统一也避免了兼容性的担忧。

很多企业在专业方向上也取得了不错的成绩。触摸感应HTML5、Egret、绿地增强了性能，使HTML5游戏体验更好； UC、猎豹等手机浏览器增强了音视频播放的性能。

无论是硬件升级、软件成熟度，还是操作系统厂商策略变化，都在推动HTML5的爆发。

但请注意，当我说 HTML5 爆炸时，我并不是说移动浏览器将取代桌面作为应用程序的入口点。有人说 HTML5 不好，因为用户讨厌打开浏览器并输入 URL 的过程。我想说这种想法是对HTML5的片面理解。 HTML5！=传统浏览器，虽然编程语言仍然是HTML、CSS，但分发方式却绝非像传统网站那么简单。 HTML5应用程序的入口很少是启动浏览器并输入URL。它可以是存在于手机桌面上的图标，也可以来自超级App（如微信朋友圈）、搜索引擎、应用市场、广告联盟。 。 。它的入口无处不在。比原生App有更多的入口。

对原生App的颠覆。 HTML5的“性能”障碍已经解决，可以接近原生App的效果，那么它能取代原生App吗？很多人认为，即使HTML5会发展得比现在更好，也会和原生App一样。他们每个人都占有一部分市场。要求不高的长尾应用将使用HTML5，而主流应用仍以原生应用为主。

但我认为这个想法很危险。就像苹果公司成立之前一样，惠普高管告诉沃兹：谁会在家里放一台电脑？未来，HTML5必将颠覆原生应用。消除“性能”障碍只是削弱了HTML5的缺点，但缺点消除后，它的优点就会大放异彩。 HTML5有哪些优点？我们分别看一下开发者和最终用户。

HTML5 对开发者的 7 大优势

跨平台：多屏时代，开发者的痛苦指数很高，大家都希望HTML5能够扮演救世主的角色。多套代码、不同技术工种、业务逻辑同步是一个折磨人的过程。这有点像个人电脑的早期世界。当时，每台计算机都有自己的操作系统和编程语言，开发人员厌倦了制作不同的版本。事实上，DOS的流行很大程度上是由于开发人员确实没有精力为其他计算机编写代码。程序。跨平台技术早期大多因为性能问题而消亡，但到了中后期硬件能力增强的时候，它就会再次成为主流，因为跨平台确实是必需品。

快速迭代：移动互联网是一个快鱼吃慢鱼的时代。谁能更快地满足用户的需求，试错成本更低，谁就拥有巨大的优势。大多数互联网产品都是免费的，并且具有网络效应，后来者很难抢夺用户。使用原生开发，招聘、开发、上线各个环节的效率提升一倍以上，而且参与的人越多，沟通效率往往提升一倍以上。

持续交付：很多人都有这种经历。一个原生应用程序在App Store上架后，突然出现了一个大bug。他们必须连夜加班修复，然后静静等待2周或更长时间苹果审核。这2周被用户抹黑了。淹没，市场差评充斥，用户大量流失。当新应用程序在网上审核并启动时，用户已经将其卸载。然而，HTML5 不存在这些问题。可以实时更新，有问题立即回复。

大幅降低成本：融资对于创业者来说并不容易，如何更高效地花钱就显得非常重要。如果你原生开发的应用程序与竞争对手使用HTML5开发的应用程序没有什么不同，但你的开发成本却高出一倍，我相信没有投资者愿意投资你的钱。

发达的开源生态系统：HTML5前端是一个开放的正反馈循环生态系统。可以使用大量开源库，使应用程序开发更加简单、敏捷。当然，这也体现在快速迭代和成本降低上。但更重要的是，这个开放的正反馈循环生态系统未来的生命力比原生生态系统更强。

开放的数据交换：HTML是基于页面的开放代码单元。不需要开发专门的SDK。只要不混淆，就可以与其他应用程序进行交互。开发人员可以通过移动搜索引擎轻松检索数据，并更轻松地跨应用程序协作以满足最终用户的需求。

多个导流入口：HTML5应用导流非常轻松。超级应用（如微信朋友圈）、搜索引擎、应用市场、浏览器等都充满了HTML5的流量入口。原生应用唯一的流量入口就是应用市场。聪明的HTML5开发者当然会玩转各种流量入口，以获得更强的优势。

流量大：前段时间，“神经猫”在微信朋友圈火爆。如果这款游戏推出的话，肯定不会有那么多流量。超级App带来的流量远大于原生应用市场。如果微信允许游戏在桌面创建快捷方式，如果后续升级游戏来解决持续娱乐的问题，未来将难以想象。

交通分流效率高：除了入口多、人流量大之外，交通分流效率高也是不容忽视的。大家都知道，网页游戏和客户端游戏的广告是一样的。广告的转化率改变用户，网页游戏远高于客户端游戏。可以准确重定向到二级页面：我们都知道搜索引擎可以直接访问。

HTML5 对最终用户的 3 大优势

1、大幅降低使用门槛

为什么流媒体会取代下载视频成为主流？为什么网页游戏如此受欢迎？只是因为用户太“懒”了。让用户更方便地满足自己的需求，有时候比更多地满足自己的需求效果更好。

当用户的眼睛看到一个兴趣点并点击它时，它应该立即开始满足用户的需求。例如，可以立即观看流媒体，可以立即玩网页游戏。在目前的原生应用市场中，用户需要这样做：选择一个应用，等待下载，确认权限，等待安装，然后点击打开。如此糟糕的经历迟早必须被颠覆。

无论是应用、游戏还是音视频，未来一切都可以使用。谁先满足用户的需求，谁就获胜。

2. 优秀的实时更新和差异更新体验

HTML5应用程序可以绕过应用市场的限制并进行独立的实时更新，使用户可以快速享受新的服务。

并且这种更新可以是差异更新。比如某个HTML页面或者某个js文件出现问题，只需要更新这个几K的小文件，这比原生应用的更新体验要好很多。

3. 跨应用体验

目前移动应用切换主要以桌面或任务管理器为中心，但实际上这些中心极大地影响了效率和体验。如果用户想去三亚出差，他先打开去哪儿App订票，然后切换回桌面，然后找到并打开天气App，搜索三亚，然后切换到桌面，找到然后打开航旅纵横App，输入航班号办理登机手续，哦对了，现在航班号是多少？然后切换到桌面，找到并打开去哪儿App即可看到航班号，最后找到并打开租车App，输入租车地点，然后切换回桌面。 。 。

在原生应用系统下，用户只能这么做。但在HTML5系统下，他不需要切换回桌面。他可以在应用程序之间直接方便地跳转，而不是使用孤立的应用程序。他不需要重复输入数据，应用程序可以轻松地相互传输数据。

这种模式需要一点想象力，但未来迟早会到来。

分析到这里，我们可以清楚地看到，无论是从最终用户还是开发者的角度来看，HTML5肯定会取代原生应用目前的位置。而这引发了一系列的颠覆。

还有什么会改变呢？ HTML5的爆发，对原生App生态的颠覆，是一场产业革命，将会影响很多角色。让我们做一些预测。

新的HTML5引擎大战即将打响

标准的HTML5引擎并不能解决HTML5的所有问题。拥有大量流量入口的互联网巨头都在考虑嵌入更好的增强引擎。腾讯正是看到了这个机会，推出了X5浏览器引擎。目前，各个浏览器厂商、应用市场厂商、甚至ROM厂商都在努力集成更好的浏览器引擎。如果内置的微信可以运行更好的游戏，如果360手机助手可以发布点击使用的HTML5应用并且性能体验与原生一致，如果小米ROM有更强大的内置，所有HTML5应用程序都可以在小米手机上更高效地运行。光滑的。 。 。

当一个巨头采取行动时，所有巨头都会采取行动。是的，这场战斗将是移动互联网世界的第二次世界大战。

应用分发市场将重新洗牌

由于超级App的巨大流量很容易成为HTML5应用的入口，而且越大的效果就越大，传统的应用商店甚至线下预装，这些流量不足、效率低下的分发模式将会被挤出去。市场。主流。它是一个高流量的应用商店，也是一个超级App。如果转型得当，将主要发布HTML5应用。

广告与统计市场

原生广告和统计SDK提供商将面临尴尬，而百度、百度等基于网页的广告和统计服务将获得更大优势。开发者不再需要封装SDK，只需引入一个即可。

开源技术将在移动互联网领域更加普及

10

HTML的开放性造就了大量的开源产品，也促进了HTML的繁荣。网上有大量的JS框架，但是原生开源代码却很少。未来移动互联网世界会因为开源而发展得更加迅速，这里也有类似厂商的机会。

开发工具变更

11

早期，HTML只需要在记事本中编写一些标签。在中期，HTML、JS 和 CSS 更加复杂，需要更高级的文本编辑器。但HTML5到来之后，其代码量、复杂度、开发模式都会与原生开发看齐。需要Xcode等专业IDE工具来解决开发和调试问题。一些以能够使用记事本编写代码而自豪的开发人员将面临思维的转变，甚至被效率更高的开发人员淘汰。

性能分析和调优

12

目前很多原生应用的性能分析调优工具或服务未来也将面临转型。 HTML5 应用程序的性能分析和调优是另一个世界。

混乱与产权保护

13

HTML5是开放代码，它的好处也带来了缺点。有些东西开发人员想要公开，但有些东西开发人员想要保护。混淆技术更多地成为一种商业机会。 PC Web上的Gmail混淆做得很好。除了JS混淆之外，相信离线数据加密也有很大的空间。

到了尾声，感觉话题有点大了。事实上，没有人能够准确预测未来会如何发展，因为存在很多变数。但我认为让用户和开发者都更加方便的趋势是明确无误的。

原文链接：