对几款浏览器兼容性的测试分析

对几款浏览器兼容性的测试分析摘要：浏览器（browser）是web系统中的核心构件，当前的主流浏览器包括ie、firefox、chrome、safari等。

这些常用浏览器对一般网页的兼容性各有不同，甚至同一种浏览器的不同版本对网页的兼容也不一样。

因此对主流浏览器的兼容性进行测试并分析出不兼容的主要原因，从而进一步提出相应的解决方法是网页设计人员面临的一项重要课题。

关键词：网页；兼容；浏览器；测试中图分类号：tp393.092 文献标识码：a 文章编号：1007-9599 （2012）18-0000-021 引言浏览器是web服务的客户端软件，它可以向web服务器发送各种请求，如http、ftp等，并对从服务器发来的超文本信息和各种媒体数据格式进行解释、显示和播放。

在当前互联网广泛渗入到人们工作、生活、娱乐等方方面面的今天，浏览器已成为人们上网时最常用的客户端程序。

浏览器主要是借助http协议与网站服务器的交互作用，而获取到网页，这些网页在http协议下是由url来指定的，这些网页的文件格式一般表示为html，并由mime在http协议中指明。

我们知道，一个网页中可以包括多个格式的文件或文档，且每个文件文档都是从服务器来分别获得的。

现在，大多数网站浏览器是能支持各种图像格式和文本格式的，例如除了支持html格式之外，还支持jpeg、png、gif等图像格式，并且能够扩展支持众多的网页插件（plug-ins），有的浏览器还支持url类型的格式，以及相关联的协议，例如https（http协议的加密版本）、ftp、gopher等。

在个人电脑上常用的网页浏览器，现在是越来越多样了，例如mozilla 的firefox、微软的internet explorer、apple的safari等，还有opera、google chrome、greenbrowser浏览器、360安全浏览器、搜狗浏览器、腾讯tt、傲游浏览器、百度浏览器等。

糟糕的是，一些浏览器对一些网站无法兼容，人们在使用一些浏览器访问网页时，发现一些浏览器对一些网站网页并不能很好地兼容，即不能打开或不能全部打开某些网页。

例如，用ie以外的一些浏览器浏览网站网页，就有可能出现排版乱码、内容不完全显示、一些功能无法使用等。

要解决这些问题，需要对浏览器进行测试，看看这些浏览器能否兼容这些网页，然后分析网页存在的问题，以便有针对性地改进，让所有浏览器都能完全地浏览各种网页。

2 对firefox、chrome、safari浏览器兼容性的测试通过网页，测试firefox、chrome、safari三款浏览器的兼容性，测试的页面主要是一些网站的首页、栏目页和基本的内容页面等，主要测试其排版、布局和各功能的使用状况。

2.1 浏览器兼容性测试所用的方法。

主要采用对比的方法，我们分别用firefox3.6.8版本、chrome 6.0版本和safari5.0.1版本的浏览器，通过网络，具体访问网易、腾讯网、新华网等网站，把访问所得的页面，与用ie 7浏览器访问所得的页面进行比较，如果发现页面有差异，则说明该这浏览器无法兼容或不完全兼容这些页面。

由于新华网等几大门户网站内容丰富，页面繁多，我们不可能对所有的页面进行全部的比较，因此只能对其首页、二级页面和一些三级页面进行测试，采取随机打开的办法抽测。

2.2 网页兼容浏览器测试的具体要求。

通过百度引擎，直接找到新华网、腾讯网、人民网、新浪网等。

测试发现，一些网页能对所有的浏览器都兼容，但一些页面无法完全兼容。

我们特别纪录了一般不兼容、严重不兼容两种状况。

我们给出的界定是：一般不兼容是指在测试浏览器中所显示的页面与在ie中显示的页面，有部分排版、阅读效果、信息获取等方面，有所不一样，或影响阅读，或不展示信息，或出现错误的展示，如表格位置不同，表格显示不一样等。

严重不兼容是指在测试浏览器与ie显示的页面差异更严重，页面排版不同，信息显示不同，信息获取发生差异，严重影响或误导客户。

如年月日显示错误等。

2.3 浏览器兼容性的测试结果。

获得不同的结果，除了一般的兼容之外，也有不兼容的状况。

我们分为一般不兼容和严重不兼容两种。

2.3.1 一般不兼容。

一般不兼容的表现主要是：网页的版面中出现多余空白、表格以外出现页面文字、网页统计数字显示不完整、文字和输入框有移位、网页的字体颜色被篡改、flash广告不动、网页的表格边框无中生有或由有变无、一些按钮由并排变上下排列、网页的文字显示不完全、页面的分割线由虚线变实线、滚动图片滚动不同，滚动文字的区域超出表格规定、页面文字由居中变成居左或居右、链接文字在鼠标停留其上时没有变色、网页的图片大小发生异常、文字排版由一行变成两行或三行、文字由居右侧变成居左侧、下拉框显示不完全、字体变小等等。

这诸多的问题，firefox、safari和chrome三种浏览器都或多或少地出现，这一般性的不兼容，出现的问题共有85次。

2.3.2 严重不兼容。

严重不兼容的表现有：有关年份显示错误、不显示时间、不显示网页动画、导航栏不正常显示、页面排版出现错误性变化、原循环变化的图片不显示或不循环显示、该悬浮的信息没有悬浮或移动、鼠标点击无反应、滚动内容无法控制、页面出现乱码，需手动切换编码、网页文字错位、图片不显示或发生重叠的现象、鼠标移动上去的提示信息错误、不完全显示列表、该滚动的文字不滚动、应滚动的信息不显示、二级页面导航栏无显示、动画消失变成透明、不显示统计数字等。

这些问题，firefox、safari和chrome三种浏览器也分别显示出不同的次数。

特别是网页有关年份显示错误，三种浏览器出现最多，分别为9、10、10次。

3 测试结果原因分析简单来说，一些浏览器对网页产生不兼容的主要原因包括下列几项。

3.1 对css解释不统一。

现在的网页制作一般采用用div+css（cascading style sheets，层叠样式表单）的布局方法，这些布局，ie都能显示，但一些浏览器对网页的css的解释不统一，就造成无法显示或显示不全。

3.2 特效使用发生误差。

一些网页使用有特效代码，如用了javascript语法，但javascript没有严格遵守ecmascript规范的一些属性和方法，因此，firefox、safari、chrome这几款浏览器对其不严格所为不予支持，于是就导致一些特效无法显示。

3.3 函数解释不同。

网页中的一些函数，在不同的浏览器中，解释不一样，这又造成了显示的信息发生错误，不同于ie的显示。

4 网页不兼容多浏览器问题的解决现在，人们使用的浏览器样式越来越多，网站设计时必须兼顾绝大部分主流浏览器的显示。

4.1 网页制作要符合万维网联盟的要求。

即符合w3c（world wide web consortium）标准，w3c是网页技术的权威中立机构，它制定的标准比较符合实际。

一般浏览器都遵循这一机构制定的标准。

因此，网页制作也必须遵循这一标准。

一般的，人们向http：//valida 2 tor. w3. org /提交文件或提交网站url，在线验证网页是否符合w3c。

4.2 网页制作采用css hack。

由于不同的浏览器对css的解析方式不一样，这就使得生成的网页，其效果不一样。

要从根本上解决这一问题，需要针对不同的浏览器来编写css，这样才能使css 同时兼容不同的浏览器。

这样网页才能在不同的浏览器中，显示出相同的效果，使用css hack可以解决这些问题。

当然，滥用css hack，又会导致浏览器出现更多的兼容性问题。

4.3 先行测试网页。

在网页发布之前，通过一些网页服务器建立临时网站，然后尝试使用不同的浏览器来浏览测试，这些服务器有如iis、tomcat、resin等，借以发现其兼容性如何，看能否兼容多个浏览器。

也可以用dreamweaver、html toolbox等软件来测试。

还可以通过在http：//browser /网页上测试，这样，可以发现其是否兼容，如果不兼容，则修订有关的网页代码。

4.4 按照网页制作要求具体解决问题。

对具体问题的解决，需要依据具体情况具体分析，作出不同的处理。

这些问题关联不同的规则要求。

我们仅通过下面几个例子示范说明。

如“浏览器时间显示各不相同”这个问题在几个浏览器中，都比较突出。

如为显示2012年6月22日，ie能正常显示，但firefox、safari、chrome则显示年份位为112年，主要是因为网页在显示年份时，一些网页采用了javascript中的以下方法：var today = new date（）；var year = today. getyear（）；在ie中，用上面的方法变量year的值，可以使其变为2012，而在上述三款浏览器下，today.getyear（）返回的是date对象中的年份与1900年之间的差距，即112，因此网页显示就变成了112年。

为此只能更换使用getfullyear（）函数，即：var today = new date（）；var year = today. getfullyear（）；又如，网站网页对初始函数的调用，有些对网页初始函数调用，采取了document.body.onload=init；方法，但是，这方法不能在ie以外的浏览器中运行，因此，在firefox、safari、chrome浏览器中应该使用document.body.onload= init（）。

再如乱码问题。

有的网页需要在safari浏览器中，通过手动设置编码为简体中文gb2321，然后才能正常显示。

通过查看源代码，可以发现这类页面中没有对编码进行设定。

可在网页中增加语句对网页的编码进行设定。

随着网络技术的成熟和浏览器多元化时代的到来，浏览器兼容性问题更趋突出，如何使设计出兼容不同浏览器的网页，是网页设计人员普遍面临的一个技术问题。

本文提出了浏览器兼容问题的测试方法，并有针对性地提出了相应的解决方案。

参考文献：[1]陈柳海.实用css 使用经验总结[j].科技传播，2010（6）.[2]蒋回生.浅谈网页制作中浏览器差异性—样式兼容问题[j].电脑知识与技术，2010（9）.[3]许元朋，于黎江.css 在浏览器中兼容问题的一些解决办法[j].学术论坛，2012（4）.[作者简介]董启雄，装备学院信息管理中心，高级工程师。

唐清安，装备学院信息管理中心，高级工程师。

陈广旭，装备学院信息管理中心，讲师。

他们都主要从事计算机网络管理与应用、教育技术应用与管理等领域的研究。