浏览器兼容性测试5大浏览器.docx
《浏览器兼容性测试5大浏览器.docx》由会员分享,可在线阅读,更多相关《浏览器兼容性测试5大浏览器.docx(10页珍藏版)》请在冰豆网上搜索。
浏览器兼容性测试5大浏览器
浏览器兼容性测试5大浏览器
浏览器兼容性测试:
5大浏览器
转自:
领测软件测试网[]
原文链接:
浏览器测试:
家族树有一项任务最能驱使专家和业余爱好者,那就是:
测试他们的作品是不是能在众多的浏览器和不同的设备上都能运行良好。
待认证的浏览器和平台的列表是越来越长,那么我们的份额越来越小了。
在以后的几年里IE6将是噩梦。
在日益
浏览器测试:
家族树有一项任务最能驱使专家和业余爱好者,那就是:
测试他们的作品是不是能在众多的浏览器和不同的设备上都能运行良好。
待认证的浏览器和平台的列表是越来越长,那么我们的份额越来越小了。
在以后的几年里IE6将是噩梦。
在日益广阔的环境下工作将变得越来越重要。
这篇文章突出在测试“普通嫌疑”时最常出现的问题,解释为什么需要很快需要改变策略。
甚至你在关于兼容性测试的角度也有可能改变。
五个重要的浏览器
浏览器之战背后,设计者不得不忍受不断地在IE和其竞争对手直接换来换去(一些事永远不变),当更新的浏览器宣布支持网页标准时,转折点出现了,他们渐渐地蚕食IE统治的市场。
时代在变化,移动浏览设备的相关性越来越高,新的渲染引擎的出现,使设计者打住了想要在每种设备上测试的欲望。
现在设计者开始玩数字游戏了,他们通常只测试了五个或六个最常用的浏览器,然后宣称他们其他的也测试了,这倒是容易的方法,但同时一些问题出现了,这不像印刷,一种字号肯定不能适用所有的。
虽然市场被五大浏览器占领,设计者也不能忽视了橙色的”其他“那一块,其他浏览器上的访问者也应该被照顾到
呈现给用户可爱的设计的关键是渲染引擎,假设你在最流行的浏览器上依次用Trident,Gecko,Commit和Presto测试网页,然后你才能安全的忽略其他用同样引擎的设备,因为你覆盖了绝大部分的用户。
我基本认同仅仅测试这几个浏览器就能找出用户能看到的问题,但是测试更多的浏览器,设备和系统有他的优势,为了给用户最大可能的好的体验,检查潜在的问题和决定是否进一步测试是很值得的。
Trident(InternetExplorer),Gecko(Firefox),Webkit(ChromeandSafari)andPresto(Opera).
突破限制
如今很明显的问题是设备依赖,这不仅在浏览器层上,还在渲染层上影响浏览器。
苹果肯定意识到了iPhone和iPad在Flash上的问题--因为Adobe和Apple闹翻了,我们还是听到这样的问题。
Flash实际上自己并全部处理内容的渲染,所以仅仅在主流的浏览器上测试是不能找出其上的问题的,当主流技术(开源或闭源)有淘汰的危险时,扩开你的测试平台就很重要了。
浏览器外的Flash渲染,当不是每个网页浏览器都能用这个技术
另一个问题是渲染引擎的版本。
拥有最新、最强大的浏览器是利用最新技术的关键,老版本浏览器的继续使用(特别是各种版本的可恶的IE浏览器)让我们不能只局限于在最新渲染引擎,我们还要考虑他们能不能在那些软件得不到升级的环境下运行。
即便是在兼容模式下测试,也不能保证以前版本的渲染引擎能用。
IE6用的是老的,多bug版本的Trident桌面浏览器渲染引擎
如果正在使用的设备和平台有差别,也会出现渲染问题,在测试各种各样的手上设备和掌上电脑时,他没有说这样会让你机会崩溃,特别是差别相当大的情况下。
为如此小屏幕设计本来就是一个很难的任务,特别是如今移动设备的协议还在襁褓中的时候。
这个问题同样在桌面平台上出现。
Widows和Mac版本的Firefox经常同时出现小小的渲染问题。
AListApart很关心渲染的差异,所以他们单独设计不同的移动设备
浏览器直接的差异还有一个关键的补充,就是:
JavaScipt引擎,早些时候,唯一的问题是能否执行JavaScript。
如今,用相同视觉渲染引擎的浏览器经常使用不同的JavaScript引擎(Chrome和Safari就是一个好的例子)。
用不同的浏览器来测试你网站渲染灿烂的jQuery脚本的能力是很重要的,特别是你的网站有很多功能性的互动。
ChromeExperiments展示Google浏览器的渲染表现
最后这个话题让一些人欢呼,让另外一些人呻吟:
附加功能!
在很多人眼里,附加功能和浏览器渲染的方式没有关系,但是假如一个附加功能的软件强迫访问者用另一个浏览器,一个支持电脑屏幕阅读或支持附加功能的装置的浏览器,那么这时你的网站就没什么意义了。
这种情况下,少数部分的浏览器可能都被忽视了。
请记住你的设计要能在那些需求被遗忘的人那里还能起作用。
Opera有小部分的市场份额,但是其Voice选项可能对有特殊需求的人来说是救命稻草
长时间修补
所有的附加功能需求,不同的JavaScript引擎,跨平台问题,显示差异,像Flash一样的技术依赖和移动革命,你就要申诉这么多测试要进行有多可恶,另外看看你的目标观众的需求,看看是否要扩展你的测试工作流程。
花点时间和用户沟通。
有可能还可以做一个问卷调查,问问他们的使用的浏览器和设备,考察数据看看是否有他们提到过的可以提供的方法,或者增加网站的互动性。
你可能发现需要有个移动设计,或者相当需要一个iPhone软件,或者仅仅是收到了更多的少数部分浏览器的bug报告,鼓励反馈对设计革新相当的重要。
数据让你清楚地知道用户用哪些设备访问你网站
要在可用性的环境下,网站站长要考虑开发数量日益扩大的消费者,好的沟通创造了和访问者的感情交流,他们感到他们利益被考虑到了,他们的时间花的有价值,这样才能使他们成为消费者。
站在测试阶段的最高点,然后才能超越那些修复视觉缺点的事情。
更广泛领域的测试可能会产生新的特色和浏览网站的特殊方式,这样做的回报可能就是你的网站常客和粉丝更加忠实于你的网站。
StartYourEngines开始你的引擎
怎么去扩展测试超出文章的范围,但是改善网站的外观和用户体验的最简单的方法保证所有东西在屏幕上都是可展示的。
下面是一些浏览器,桌面和移动的都有,他们可能帮你扩展你的测试视野。
一些能使你的设计渲染得一样,这些浏览器可以帮助你确保你要进行的测试数量。
肯定会有更多的浏览器被创造出来(已经有很多存在了),所有为长远考虑一下。
桌面和移动平台都有很多渲染引擎
这里包括了用Trident,Gecko,Webkit和Presto构造的浏览器,一些用一定用户基础的渲染引擎没包括进来,因为只有少量设备支持他们。
用特殊渲染引擎(文本,视觉和移动)的设备和浏览器在这儿没有提及,可以单独的测试,这样能潜在地增加你的设计的兼容性。
我重点推荐下面各种平台的浏览器,除了Mac用Tasman外,其他用Trident渲染引擎:
所有的都用Gecko(以前的Mozilla)桌面渲染引擎:
AlloftheseusetheWebkitrenderingengine(ortheKHTMLforkinKonqueror’scase):
所有的都用Webkit渲染引擎(在Konqueror下是THTML)
因为Presto是一个专利平台,所有你就不奇怪它局限于Opera工程了:
飞越彩虹
也许你的网站完全没有错误,也许它看起来相当好了。
但是如果考虑一下还有大量的跨平台的兼容性的问题,这五大就不能给你一个精确地网页画面了。
你只要从这篇文章中学到一件东西,然后懂得要花更多的时间分析访问者的需求,因为它能帮你重新评价你的测试,进而引导你做改变。
花更多的时间去用不同的引擎测试网站,不用忘了下面这些:
其他的操作系统,他们可能有差异;其他类型的设备(如移动设备),可能有不同的渲染;特殊的JavaScript渲染,可能影响速度;老版本的浏览器;更广泛的测试范围。
总结
在一个人们愿意花时间精力使他们的网站尽可能友好的迎合搜索引擎和社交媒体的需求的世界里,确保你的设计(不仅仅是注意像素的好看--记住,网页不是印刷品)对于成百上千用不同方式访问你网站的人有价值。
意思肯定是指那些吸引人的消费者和失望的“来了就走”的访问者。