专栏首页博文视点Broadview从微软独家垄断到今天百花齐放,Web开发如何才不会被时代淘汰

从微软独家垄断到今天百花齐放,Web开发如何才不会被时代淘汰

在21 世纪初期,大家基本上只使用一种浏览器、一种平台和一种屏幕分辨率。在这种情况下,你只需要使用Windows XP 上的IE6,切换一下屏幕分辨率(比如800像素×600 像素和1024 像素×768 像素)就可以完成对主流Web 用户体验的测试。

如果再加上IE 5 和IE 5.5 的话,估算你就可以覆盖超过95% 的Web 用户了。(在2000 ~ 2005 年,IE 最终占据了90% 左右的市场份额。)

IE 占有率达到顶点(2004 年左右)以后,事情开始慢慢发生变化。

这一切是从Firefox 开始的,Firefox 通过独立的、符合标准的特征吸引用户,逐渐削弱IE 的霸主统治地位。还有2003 年Opera 为现代开发做的改版(之前它们对CSS 支持得很好但对JS 支持得很奇怪),2003 年Apple发布的Safari 浏览器,以及2008 年Google 发布的Chrome 浏览器等,都让IE 受到了来自四面八方的最直接的挑战,每次挑战IE 都会被夺走一大块的份额。直到2012年5 月,IE 非但不再是最主流的浏览器,甚至退出了主流浏览器的家族。

更重要的是,当桌面浏览器竞争白热化的时候,随着移动互联网的空前增长,全新方向的浏览器战争也打响了。随着iPhone 和iPad 的诞生,以及随后基于Google 的安卓操作系统的手机的大规模增长,用户的绝对人数和每一个用户可以连接上网的设备数都增长了。

此外,浏览器厂商几乎都采用(苹果公司是唯一的例外)了一项策略,自动地推送版本更新。新的浏览器版本,每隔几年随着新的系统更新而更新的日子一去不复返。

这些浏览器厂商对新特性支持的承诺,使得我们能够以极快的速度向浏览器中加入Web 平台的新特性。因为不同的组织和个人都以自己的节奏升级浏览器,这也导致了浏览器版本号的扩张。

所以,不再是当初通过几个测试机就可以覆盖95% 的Web 用户的情况了,真正关注这些事情的人可能有超过50 个设备的测试实验室,却仍然达不到微软鼎盛时期的测试覆盖面。

也许你不认为在Redmond(微软总部)之外还有人会期待IE 统治整个Web 的日子,但在当前状态下,你应当有一点这样的意识:“对你希望得到的东西保持警惕”。这并不是那么让人兴奋或强大,但把自己置于2003 年的生态系统里会更容易思考一些。现在,有时候很难专注地思考一个独立的问题,因为现在情况太复杂了。

屏幕分辨率、像素深度、浏览器兼容性、屏幕大小及人机交互输入框类型等这些可变的因素,几乎是无穷尽的。我们简单列一下这些可变的因素,可以估算有多少种可能。

“比如说,我们有10 个主流浏览器版本,有50 种介于340 像素×280像素和3840 像素×1080 像素之间的不同的屏幕分辨率,有从72dpi 到300dpi 不等的像素密度。”再加上可用Web 的新设备的大量增长及移动端驱动的渗透(之前未开发的Web 市场),比如,在非洲大部分地区,试图通过建立一系列有限的规范指导就能提供高质量的Web 体验来满足绝大部分用户,这样的想法简直太疯狂了。好戏正在上演。

每一个关于Web 平台特征的讨论,都是从浏览器开始的。那些日子里,浏览器处于野蛮生长的境况,浏览器之间的竞争非常激烈。它们跨越了多个不同的浏览器厂商和不同的版本号,从整体看,在浏览器开发的世界里有四大派系,每个派系的核心都是布局引擎。

这四个流派在JavaScript 和渲染方面都是很有竞争力的,这也是在现在的浏览器上通常都有很好的用户体验的原因。尽管不同流派的浏览器有一些差异(因特定浏览器版本的诞生时间和特定浏览器厂商需求做的代码变更),但我们可以通过对每个派系的浏览器的了解,基于派系判断浏览器的表现。

我们来看看2014 年3 月的浏览器市场情况。首先,我们看的是桌面和平板浏览器的市场份额数据,以及与之相关的柱形图信息。

它们是很好的数据,但有一些事实是不准确的,因为StatCounter 在某些国家(比如中国)不如其他地区强大。表现最明显的是没有单独的IE6 的统计数据(被归在“其他”中),它至少应该被提及,因为在中国它是一个重要的浏览器。这个列表上最负面的一点可能是IE8 仍然占有6.2% 的市场份额。360 安全浏览器是中国的基于Trident 的浏览器,它号称专注安全。

下面所示的数据及关联的图展示了移动端的市场占比情况。

安卓浏览器、Chrome 和iPhone 上的Safari 并没有占据100% 的市场,很多人可能对这个事实感到震惊,但这是真的!!!除非你真的非常关注,否则你可能在测试中漏掉了50%的手机浏览器。事实是,并不是只有你一个人会这样。你在Google+ 上问有多少人测过Opera mobile,也许只有一两个人说测过。问问国外有多少人听过UC 浏览器,也许是一个人也没有听说过。

-----------------

了解在发生什么很重要,测试尽可能多的浏览器也是必要的。然而开始开发网站的时候,为特定的浏览器或浏览器版本开发或是写一些特定的代码,却很少奏效。这是一个过于庞大的清单,如果你试图基于所有的浏览器和版本复制并修改你的代码来支持,那么,最终你是在玩一局世界上最糟糕的打地鼠的游戏。相反,对开发而言,你需要考虑的是特性。特性检测(而不是浏览器检测)早已是Web 开发领域普遍公认的观念了,然而这时这个原则比以往任何时候都重要。

当你接触一个全新的浏览器时不要去问“这是什么浏览器?”,而是去问“这个浏览器支持我想要使用的特性吗?”

未来的某个时刻,一些新的突然流行起来的浏览器进入这个列表的时候,这种方法会很有用。它可能很快就发生,比你想象得快。

本文分享自微信公众号 - 博文视点Broadview(bvbooks)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-01-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一部手机看清移动Web

    随着移动互联网的普及,移动网站的访问量也呈爆炸式增长的趋势。根据最新的统计,国内一些大型的搜索、视频和社交类网站的移动访问量已经超越了PC端。移动Web的兴起不...

    博文视点Broadview
  • 微信JSAPI模式与浏览器类型安全访问

    在介绍JSAPI模式之前,首先需要介绍一下微信内置浏览器。可能很多人注意到了,在打开微信“朋友圈”链接的时候会出现进度条,如图5.1所示,这实际上就是微信内置浏...

    博文视点Broadview
  • 沈亦周:学习、实践、反思、沉淀

    对每个组织而言,人是最大的财富,如何让人力资源财富实现增值是所有的领导者都应该关心的问题。从培训的角度来看,一个人能力、见识的增长需要经过“学习、实践、反思、沉...

    博文视点Broadview
  • 极简主义——你手机里面还没有安装“夸克”?

    神无月
  • 前端面试知识点收集 - HTML篇

    详细的资料可以参考: 《浏览器内核的解析和对比》 《五大主流浏览器内核的源起以及国内各大浏览器内核总结》

    前端博客 : alili.tech
  • 五款神奇的浏览器你知道几个?

    我们在使用电脑的时候,都不能避免的要用到浏览器,那么你知道哪些浏览器比较好用吗?今天给大家整理了五款比较好用的浏览器,总有适合你。

    高效办公
  • 浏览器内核及私有前缀

    WebKit内核  css前缀为"-webkit-" Comodo Drangon(科摩多龙),苹果,搜狗高速浏览器3,快快浏览器,枫树浏览器,云游浏览器,36...

    我不是费圆
  • 软件推荐(浏览器)-IE的消失

    我曾经体验过各式各样的浏览器,写这个文章是为了帮助我的朋友在合适的场合用合适的工具浏览,我曾经在大学给很多个小姐姐修过电脑,但我看到的是绝大部分还是在用...

    丰臣正一
  • openGPS.cn - 浏览器定位技术探讨(HTML5定位)

    浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。 ​原文连接发布在https://...

    opengps
  • 泥浆里打滚的浏览器

    春运来了,12306.cn一年一度地接受中国网民们的群体压力测试。结果如预期,不及格。国产浏览器们在这个测试过程中充当了工具提供者,顺道利用“工信部和铁道部”两...

    罗超频道

扫码关注云+社区

领取腾讯云代金券