浏览器兼容性测试:5大浏览器

发表于:2012-03-13来源:译言网作者:willbill点击数: 标签:浏览器测试
浏览器测试:家族树有一项任务最能驱使专家和业余爱好者,那就是:测试他们的作品是不是能在众多的浏览器和不同的设备上都能运行良好。 待认证的浏览器和平台的列表是越来越长,那么我们的份额越来越小了。在以后的几年里IE6将是噩梦。 在日益

  浏览器测试:家族树有一项任务最能驱使专家和业余爱好者,那就是:测试他们的作品是不是能在众多的浏览器和不同的设备上都能运行良好。

  待认证的浏览器和平台的列表是越来越长,那么我们的份额越来越小了。在以后的几年里IE6将是噩梦。

  在日益广阔的环境下工作将变得越来越重要。

  这篇文章突出在测试“普通嫌疑”时最常出现的问题,解释为什么需要很快需要改变策略。甚至你在关于兼容性测试的角度也有可能改变。

  五个重要的浏览器

  浏览器之战背后,设计者不得不忍受不断地在IE和其竞争对手直接换来换去(一些事永远不变),当更新的浏览器宣布支持网页标准时,转折点出现了,他们渐渐地蚕食IE统治的市场。

  时代在变化,移动浏览设备的相关性越来越高,新的渲染引擎的出现,使设计者打住了想要在每种设备上测试的欲望。

  现在设计者开始玩数字游戏了,他们通常只测试了五个或六个最常用的浏览器,然后宣称他们其他的也测试了,这倒是容易的方法,但同时一些问题出现了,这不像印刷,一种字号肯定不能适用所有的。

Browser market shares. Source: Net-Applications.

  虽然市场被五大浏览器占领,设计者也不能忽视了橙色的”其他“那一块,其他浏览器上的访问者也应该被照顾到

  呈现给用户可爱的设计的关键是渲染引擎,假设你在最流行的浏览器上依次用Trident, Gecko, Commit 和 Presto测试网页,然后你才能安全的忽略其他用同样引擎的设备,因为你覆盖了绝大部分的用户。

  我基本认同仅仅测试这几个浏览器就能找出用户能看到的问题,但是测试更多的浏览器,设备和系统有他的优势,为了给用户最大可能 的好的体验,检查潜在的问题和决定是否进一步测试是很值得的。

Icons of Internet Explorer, Firefox, Chrome, Safari and Opera.

  Trident (Internet Explorer), Gecko (Firefox), Webkit (Chrome and Safari) and Presto (Opera).

  突破限制

  如今很明显的问题是设备依赖,这不仅在浏览器层上,还在渲染层上影响浏览器。苹果肯定意识到了iPhone和iPad在Flash上的问题--因为Adobe和Apple闹翻了,我们还是听到这样的问题。

  Flash实际上自己并全部处理内容的渲染,所以仅仅在主流的浏览器上测试是不能找出其上的问题的,当主流技术(开源或闭源)有淘汰的危险时,扩开你的测试平台就很重要了。

A Flash powered website.

  浏览器外的Flash渲染,当不是每个网页浏览器都能用这个技术

  另一个问题是渲染引擎的版本。拥有最新、最强大的浏览器是利用最新技术的关键,老版本浏览器的继续使用(特别是各种版本的可恶的IE浏览器)让我们不能只局限于在最新渲染引擎,我们还要考虑他们能不能在那些软件得不到升级的环境下运行。

  即便是在兼容模式下测试,也不能保证以前版本的渲染引擎能用。

Internet Explorer 6.0

  IE6用的是老的,多bug版本的Trident桌面浏览器渲染引擎

  如果正在使用的设备和平台有差别,也会出现渲染问题,在测试各种各样的手上设备和掌上电脑时,他没有说这样会让你机会崩溃,特别是差别相当大的情况下。

  为如此小屏幕设计本来就是一个很难的任务,特别是如今移动设备的协议还在襁褓中的时候。这个问题同样在桌面平台上出现。Widows和Mac版本的Firefox经常同时出现小小的渲染问题。

A mobile version of A List Apart.

  A List Apart 很关心渲染的差异,所以他们单独设计不同的移动设备

  浏览器直接的差异还有一个关键的补充,就是:JavaScipt引擎,早些时候,唯一的问题是能否执行JavaScript。

  如今,用相同视觉渲染引擎的浏览器经常使用不同的JavaScript引擎(Chrome和Safari就是一个好的例子)。用不同的浏览器来测试你网站渲染灿烂的jQuery脚本的能力是很重要的,特别是你的网站有很多功能性的互动。

The Chrome Experiments website.

  Chrome Experiments展示Google浏览器的渲染表现

  最后这个话题让一些人欢呼,让另外一些人呻吟:附加功能!在很多人眼里,附加功能和浏览器渲染的方式没有关系,但是假如一个附加功能的软件强迫访问者用另一个浏览器,一个支持电脑屏幕阅读或支持附加功能的装置的浏览器,那么这时你的网站就没什么意义了。

  这种情况下,少数部分的浏览器可能都被忽视了。请记住你的设计要能在那些需求被遗忘的人那里还能起作用。

The Opera browsers built in screen reader.

  Opera 有小部分的市场份额,但是其Voice选项可能对有特殊需求的人来说是救命稻草

  长时间修补

  所有的附加功能需求,不同的JavaScript引擎,跨平台问题,显示差异,像Flash一样的技术依赖和移动革命,你就要申诉这么多测试要进行有多可恶,另外看看你的目标观众的需求,看看是否要扩展你的测试工作流程。

  花点时间和用户沟通。有可能还可以做一个问卷调查,问问他们的使用的浏览器和设备,考察数据看看是否有他们提到过的可以提供的方法,或者增加网站的互动性。

原文转自:http://www.ltesting.net