网页兼容性测试.docx

网页兼容性测试.docx

《网页兼容性测试.docx》由会员分享，可在线阅读，更多相关《网页兼容性测试.docx（15页珍藏版）》请在冰豆网上搜索。

网页兼容性测试

网页兼容性测试

Web兼容性测试主要是针对不同的操作系统平台，浏览器，以及分辨率进行的测试。

由于用户浏览器的不同，往往都会使我们的网页发生页面样式错乱，图片无法显示等问题。

因此我们就需要对Web网页进行兼容性测试。

对于web应用，我们无法预计用户的客户端配置和运行环境。

所以，做好兼容性测试是非常重要的。

1.1.操作系统兼容性测试

常见的操作系统有Windows，Unix，Linux等，对于普通用户来讲，最常用的是Windows操作系统。

Windows操作系统包括WindowsXP，windows2003，vista，Win2000/NT，Windows9x等等。

1.2.浏览器兼容性测试

浏览器是Web系统中最核心的组成构件，来自不同厂家的浏览器对Javascript、ActiveX或不同的HTML规格有不同的支持，即使是同一厂家的浏览器，也存在不同的版本的问题。

不同的浏览器对安全性和JAVA的设置也不一样。

使用不同的浏览器（FirefoxIE7IE6）访问同一个网站，或者页面的时候，在一种浏览器下显示正常，在另一种下就乱了。

不同的浏览器对CSS解释不同。

常见的浏览器兼容性问题，主要表现在如下两方面；

1）页面显示

页面显示的美观性是Web应用程序中重要需求，不同浏览器上呈现给用户的同一个Web页面可能显示的不一样。

这些差异性主要表现在对于页面元素的位置、大小、外观。

如果在某款浏览器上显示不美观，就会成为一个问题，需要修改。

2）功能问题

　Web软件中的功能性问题主要是不同浏览器对脚本的执行不一致，功能性问题极大的限制了用户对Web界面元素的使用。

这类问题通常很难被发现，比如某个按钮可能显示正确但实际它是无法使用的，这个则需要用户真正的去使用它才能被发现。

3）现有解决方法

　　由于软件尽可能多的支持不同类型浏览器，近年来越来越多的成为一个趋势，因此测试的工作量也越来越大。

而更多的方法是通过手工进行测试，如何减少工作量，当然想到的还是自动化。

　　在业内目前通过自动化的方法减少手工测试工作量，主要的过程如下：

　　1）录制手工操作

　　将手工操作过程在一个浏览器上通过软件的方式记录下来。

记录的主要是鼠标与键盘的动作，同时对每一个操作后的结果，设置一个预期结果。

　　2）检查测试结果

　　根据上个步骤录制的脚本，在其他浏览器上进行回放（自动化操作），并比对实际结果与预期结果，如果一样则测试通过，否则测试失败。

　　上述自动化的主要问题在于：

　　1）录制时需要设置预期结果，存在额外的工作量。

　　2）页面变化是WEB软件开发中经常发生的，比如变化了界面显示的文字，移动存放的位置，都可能导致录制的脚本需要进行修改，脚本的维护工作量会比较大。

　　3）对于操作的结果检查，由于各个浏览器对于界面的展现各不相同，（比如字体的显示各不相同），因此结果可能是多种的，就会很容易产生展现的结果也是美观的，但被误报成测试失败的现象。

1.3.分辨率兼容性测试

分辨率的测试是为了页面版式在不同的分辨率模式下能正常显示，字体符合要求而进行的测试。

用户使用什么模式的分辨率，对于我们来讲是未知的。

通常情况下，在我们的需求规格说明书中会建议某些分辨率。

对于测试来讲，必须针对需求规格说明书中建议的分辨率进行专门的测试。

现在常见的分辨率是1024×768，800×600。

1.主流浏览器和测试工具

浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。

网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML。

浏览器是最经常使用到的客户端程序。

个人电脑上常见的网页浏览器包括：

1】微软的InternetExplorer（6.0,7.0,8.0,9.0）

6.0版本

6.0版本于2001年8月27日发布，距WindowsXP正式发布日的数星期前发布。

这版本包含增强版DHTML、内联网页框架的内容限制和部分支持CSSlevel1、DOMlevel1和SMIL2.0。

MSXML引擎会更新到3.0版本。

其他新的特征包含一个新版本的IEAK、媒体列和WindowsMessenger综合版、错误收集、自动化重整图片大小、P3P和一个新的外观，能配合WindowsXP的"Luna"界面。

于2002年，Gopher的功能被禁用，7.0版本更取消了对Gopher的支持。

7.0版本

　　WindowsVistaBeta1上的InternetExplorer7.0Beta1在2005年2月15日，微软主席比尔·盖茨于旧金山的RSA讨论会中，宣布新版本浏览器将会发布。

推出新浏览器的原因是InternetExplorer的市场占有率逐渐被MozillaFirefox侵蚀。

此外，微软宣布7.0版本只可以用于WindowsXPSP2和之后的操作系统中，包括WindowsServer2003SP1和WindowsVista。

InternetExplorer的第一个预览版本于2005年7月27日推出，主要用于技术测试。

而第一个向大众的测试版本于2006年1月31日推出，版本是Beta2preview。

最后的公开测试版本于2006年10月18日推出。

7.0版本预期可以保护用户于钓鱼式攻击和其他的恶意软件。

用户可以完全控制ActiveX和更佳的保安架构，包括与Windows系统分开，不像以往般紧密融合，从而提高安全性。

另外，新版本包括收复了一些程序中的错误，加强对各网际标准的支持，增进支持HTML4.01/CSS2，新加入分页浏览，还有一个支持各搜索引擎的搜寻方块，一个Web-feed阅览器，支持国际化域名，和反钓鱼式攻击过滤器。

它甚至可以挡掉一些程序类型，例如Flash电影和Java。

　　2008年2月12日，微软以“安全原因”将通过WindowsServerUpdateServices把所有Windows系统的浏览器强制升级到7.0版本。

8.0版本

　　北京时间2008年3月6日，微软发布了InternetExplorer8的第一个公开测试版本（beta1）。

本次测试第一次包涵简体中文（3月27日推出）版本。

测试版本仍然是在IE7的架构下改进的。

界面除了做一些细微的调整，增加少许实用功能外，并无改进。

beta1版本推出了模拟IE7的模式、增加了在线邮件浏览功能、提高了兼容性、反钓鱼功能进一步增强,可以进行网页地址筛选。

北京时间8月28日

消息，据国外媒体报道，微软周三发布了功能完备的升级版IE8Beta2。

微软称，IE8Beta2的新特性是加强了隐私保护，并提高了使用舒适性及安全性。

微软3月份发布了IE8Beta1，但目的只是向网络开发者展示这一最新IE版本，Beta2则旨在向更多用户进行展示。

微软没有透露将于何时正式推出IE8，也并未对会有多少用户下载Beta2作出预测。

　　微软在当地时间2009年1月26日，也就是我们的农历新年时正式发布了IE8RC1。

此次的IE8RC1，是IE8的最后一个测试版，微软目前已在其下载中心提供IE8RC1的下载。

该版本可用于32位Vista、64位Vista和WindowsXP，任何用户都可下载、试用，但是此次的改进与发行说明尚未更新。

此次发布的IE8RC1只支持WindowsXP和WindowsVista，而不支持Windows7。

　　微软网站从美国西部时间3月19日上午9点，北京时间3月20日0点开始提

　　供IE8免费下载，IE8正式版最终问世。

IE8正式版可以安装在WindowsVista系统以及WindowsXP系统中，而微软新的操作系统Windows7，IE8浏览器将被捆绑安装其中。

IE8的新功能之一是一种为“InPrivate”的浏览模式。

这种浏览模式能够不留下用户PC的指纹。

微软希望利用IE8新增加的功能夺回在浏览器市场失去的市场份额。

IE8新增加功能包括隐私浏览、改善的安全和名为加速器的新型插件。

在安全方面，微软增加了跨站脚本过滤器并且增加了防御“点击劫持”攻击的功能。

9.0版本

　　IE9利用PC的图形处理单元（GPU）优势去加速文字和图形的渲染能

WindowsInternetExplore9

力、加强标签浏览、可伸缩矢量图形（SVG）以外，IE9更遵守网页浏览标准，特别是对HTML5标准的支持。

IE9的性能表现大幅提高，从而在运行速度上缩短IE同火狐、Chrome等竞争产品的差距。

微软于2011年3月15日（北京时间）在SXSW互动大会正式发布了InternetExplorer9.0 。

IE9界面

IE9.0支持WindowsVista和Windows7，但并不支持WindowsXP。

IE9最新的改变包括硬件加速的HTML5和Windows7无缝的集成、新UI界面、更加出色的安全保护和隐私保护.、对存在诟病了加载项进行了改进、改进了开发工具以及全新淡雅的LOGO。

）、

2】Mozilla的Firefox

（Redfox是经过定制后的绿色安装增强FireFox版本，其特点如下：

采用正式版代码编译优化，支持部分非标准网站；不写注册表，可以方便的拷贝移动或者删除；加入了大量常用扩展供大家在安装的时候选择；对原有FireFox的错误和不方便设置进行了修正；调整了部分次参数进一步加快FireFox的浏览速度。

Madfox是一个基于Firefox的浏览器。

Firefox是一个非常优秀的浏览器，但是由于我们周围有很多不符合互联网标准的网站，从而在很大程度上阻碍了Firefox的推广。

对于标准和非标准，无论是技术还是非技术层面，都有着非常激烈的争论。

Madfox项目的目的，是希望仅从技术的角度出发，通过扩展Firefox，尝试去兼容不符合标准和规范的网站。

）、

3】GoogleChrome

全球第一大浏览器（

StableChannel（稳定版/正式版）：

适合追求稳定的普通用户使用。

　　BetaChannel（测试版）：

适合喜欢较稳定又可尝鲜的朋友下载使用。

该版本是新的正式版发布前的公开测试所用，版本上的新功能不会作太多修改，主要为安全上的测试，但可能会存在不稳定情况。

　　DevChannel（开发版）：

适合开发人员使用。

主要为功能上的测试，可能存在稳定性问题，通常更新速度为一周一次。

　　CanaryBuild（金丝雀版）：

仅适合开发人员或追求最新版本的用户使用。

2010年7月加入，比开发版更新快但更不稳定，相对的也会加入更多测试性的新功能。

CanaryBuild有一个特色是它可以独立安装，不会覆盖原本的“GoogleChrome”版本，让系统中可以同时拥有两套安装版“GoogleChrome”。

　　ChromeLite（移动简化版）：

被运用于Android操作系统中。

）、

4】Apple的Safari

（Safari是苹果公司所开发的网页浏览器，并内建于MacOSX。

Safari使用了KDE的KHTML作为浏览器的运算核心。

MacOSX中的图形技术能确保系统中所有软件，从iPhoto到FInalCutPro输出的图片都绚丽无比。

Safari是唯一采用高级色彩管理、以最准确的色彩显示网络图片的浏览器。

Safari在2003年1月7日首度发行测试版，并成为MacOSXv10.3与之后的默认浏览器，也是iPhone与iPodtouch的指定浏览器。

图标外形是一个指南针。

Windows版本的首个测试版在2007年6月11日推出，支援WindowsXP与WindowsVista，在2008年3月18日推出正式版。

safari浏览器目前是全球三大浏览器之一

Safari使用苹果自家的WebKit来进行网页排版及执行JavaScript，当中WebKit内含WebCore排版引擎及JavaScriptCore引擎，分别从KDE的KHTML及KJS引擎衍生而来。

WebCore及JavaScriptCore与KHTML及KJS一样，同是自由软件，并以LGPL方式授权。

苹果对KHTML的一些改进会并入Konqueror计划。

另外，苹果方面也推出了附加的源始码，以类似BSD执照般的开放源代码方式授权。

）、

5】Opera

（Opera支持多种操作系统，如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/2、QNX等，此外，Opera还有手机用的版本，

如在WindowsMobile和Android手机上安装的OperaMobile和在JAVA上的OperaMini，早在2006年更与Nintendo签下合约，提供NDS及Wii游乐器Opera浏览器软件；也支持多语言，包括简体中文和繁体中文。

）、

6】HotBrowser

（HotBrowser是冲冠科技（MAGICMASTER）在云计算时代出品的一款云安全浏览器，它也时常被作为平台应用于高端计算机和手持电脑领域。

冲冠科技（MAGICMASTER）在内测版本时期由于商标问题将正在研发的浏览器更名为“HotBrowser”。

目前尚未有中文版本的HotBrowser，在对于中国来讲是个不平凡的2008年的最后一天，首次提出进军繁体/简体中文浏览器市场。

HotBrowser目前并没有官方正式的中文名字，通常被爱好者们译为“浩势”或“云安全”，甚至直接译为“冲冠”。

）、

7】GreenBrowser浏览器

（GreenBrowser，又称绿色浏览器，从界面上来看，和MyIE极为相似，具有占用内存少，启动速度很快，不易崩溃等其他特点。

另外，对于广告的过滤，不用安装等特点在国内网页浏览器中也很突出。

）、

8】Avant浏览器

（AvantBrowser是一款的多窗口浏览器。

它继承了IE的所有功能和使用方式。

并在此基础上作了扩充；同时也是一款自定义的web浏览器应用程序，一款设计为扩展MicrosoftInternetExplorer所提供服务的独立的应用程序。

）、

9】360浏览器

（360安全浏览器是世界之窗开发者凤凰工作室和360安全中心合作的产品[1]，其沙盘安全技术来自与Sandboxie的合作。

360安全浏览器自称“最安全的浏览器”、“中国大陆除了IE以外使用者最多的浏览器。

简单的比喻就是世界之窗＋Sandboxie的OEM版。

360极速浏览器是360安全中心推出的一款基于Chromium开源项目的浏览器，也是基于世界之窗浏览器的再次开发产品，自称是全球首个无缝衔接Chrome和IE的浏览器。

其界面与GoogleChrome浏览器十分相似。

但是360为它添加了一些符合国内用户习惯的一些功能。

）、

10】世界之窗

（世界之窗采用IE内核开发，兼容微软IE浏览器，可运行于微软windows98/me/2000/xp系列操作系统上，并且要求系统已经安装了IE。

推荐运行在安装IE5.5或更高版本的系统上。

）、

11】腾讯TT，QQ浏览器

（腾讯TT是一款集多线程、黑白名单、智能屏蔽、鼠标手势等功能于一体的多页面浏览器，具有快速、稳定、安全的特点。

TencentTraveler腾讯是中国最早的互联网即时通信软件开发商，是中国的互联网服务及移动增值服务供应商，并一直致力于即时通信及相关增值业务的服务运营。

QQ浏览器6.11是腾讯公司推出的新一代浏览器，使用极速（Webkit）和普通（Trident）双浏览模式，设计了全新的界面交互及程序框架，目的是为用户打造一款快速、稳定、安全、网络化的优质浏览器。

）、

12】搜狗浏览器

（搜狗浏览器，搜狐出品，使用高速（webkit）和兼容（Trident）双浏览模式，保证良好兼容性的同时极大提升网页浏览速度。

当采用高速模式访问网页出现问题时，可点击地址栏旁边的内核按钮直接切换内核，使用兼容性更佳的兼容模式正常浏览网页。

）、

13】傲游浏览器

（傲游浏览器3.0是国内首先尝试使用Webkit与Trident双核心的浏览器。

Webkit核心将使你打开网页的速度更快，Trident核心则会带给你更好的兼容性支持。

除此之外，傲游3.0目前还包括智能填表、智能地址栏、弹窗过滤、在线收藏等功能）、

14】XX浏览器

（XX浏览器的使命是让人们更流畅的上网、更愉悦的在线生活。

通过XX的开放整合和精准识别，您可以一键触达海量优质的服务和资源，音乐、阅读、视频、游戏等个性所求。

XX浏览器，和您一分享美好的互联网世界。

依靠XX强大的平台资源，简洁的设计，安全的防护，超快的速度，丰富的内容逐渐成为国内成长最快的创新浏览器。

）

15】Lunascape（5.0+）

（Lunascape浏览器，是日本Lunascape公司出品的三引擎浏览器。

可在浏览器中自由切换三种渲染引擎：

Trident（IE）、Gecko（Firefox）和WebKit，最大地保证了浏览器的兼容性和稳定、快速的特点。

此浏览器还获得数个奖项，号称世界首款融合了3种内核、运行速度最快的浏览器。

其充分应用了web2.0的时代特征，将浏览器与各种网络服务进行了无缝集成，并携带了多种革命性的功能。

如高性能的选项卡式浏览、方便快捷的鼠标手势、RSS订阅、防止意外崩溃功能、IE工具栏支持、直接导入设置从多种浏览器中、自动删除个人信息、多种自定义外观、支持视频共享网站与SNS网站的插件、3种内核自由切换等等。

总之，Lunascape可以让您在日常生活中的各种事物均可直接在浏览器内完成。

）

2.测试工具

1）SpoonBrowserSandbox

XenocodeSandbox是一个利用强大虚拟技术，实现模拟大部分浏览器来测试网页兼容，但是在使用之前必须要安装一个插件，而且每次使用都必须在其网站上。

（公司网络有限制，下载和使用都不方便）

使用

优点：

在一台测试机器上安装一个客户端，就可以模拟IE6、7、8三种浏览器的渲染效果.

缺点：

1）服务器访问较慢，测试机器如果配置低，访问会比较慢。

2）经常与微软发生矛盾，关闭IE模拟程序。

2）Superpreview

SuperPreview是微软发布的网页开发调试工具，自带有很多元素查看工具，如箭头、移动、辅助线、对比……，在查看网页的IE6/IE7/IE8不同表现的同时，可以对比效果。

在SuperPreview中，你可以同时浏览网页在各个版本的IE中的效果。

根据微软的介绍，SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定，如果系统安装了IE8，那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6；如果系统安装了IE7，那SuperPreview只包括IE7和IE6；如果系统安装了IE6，那SuperPreview只能测试IE6。

这也就意味着如果你要使用SuperPreview的话，使用高版本的IE更“划算”。

现在的SuperPreview有两个不同的版本。

MicrosoftExpressionWebSuperPreviewforInternetExplorer可以在IE的版本下调试html，而MicrosoftExpressionWeb3可以在IE和FF下调试html。

MicrosoftExpressionWeb3是对html页面的调试，而页面的链接不能点击。

（附安装文件）

安装时报错请参考：

http:

//12345.co/Topic/view/id-2881

3）IETester

IETester是一个免费的WebBrowser控件，让您有渲染和IE8的JavaScript引擎，IE7和IE6在Windows7，Vista和XP的IE5.5中，以及在同一进程中安装的IE浏览器。

新的v0.4.2：

新增开发选项来启用/禁用浏览器的功能！

V0.4.11版本还提供DeBugBar插件。

DebugBar是功能强的IE插件,类似于Firefox浏览器的一款开发类插件Firebug.从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利.

目前对于个人用户免费.企业用户收费.

主要有以下功能:

1.查看网页DOM树,HTTP（S）,网页javascript脚本函数归类展示.效验网页中的框架.网页属性的详细信息

2.提供网页源码与IE整理后代码的对比.

3.能在无需改变显示器分辨率的前提下用不同分辨率显示页面.并能对页面进行缩放.

4.功能对任意位置取色并将HEX码复制到剪贴板中便于保存.

5.可将当前页面截图通过邮箱发送出去.

另外同时这安装Ietester和companionjs配合使用将给web开发者带来更高的开发体验.

（附V0.4.11版本IETester安装文件）

4）IECollection

UtiluIECollection是个专为程序设计与网页设计师制作的各版本InternetExplorer浏览器整合安装包，里面包含了IE1.0、1.5、3.0、5.5、6.0、7.0、8.0...等等版本的IE网络浏览器。

主要目的是让设计师在做好网页后在不同版本的IE浏览器里面测试版面样式与功能，看看是否版面有乱掉或功能不正常…等问题。

在IECollection中各个版本的IE浏览器都是各自独立的，可以单独执行，此外还提供了InternetExplorerDeveloperToolbar工具与FirebugWebDevelopmentExtensionforInternetExplorer外掛程序，可以让我们通过这些工具检查网页内容的格式、版面错乱或程序错误...等。

附安装文件

安装完成之后，跟ie浏览器一样，没有差别。

注：

安装时不要选，建立桌面快捷文件。

否则桌面会出现一大片的ie快捷文件。

　IETester和IECollection这两款软件的产生旨在解决多IE版本共存的问题，均可以在网上下载，并且是免费的，是使用最广的web兼容性测试软件。

但是在使用时存在一些缺陷：

　　1、不是所有机器都可以安装成功和正常使用，经常报错、死机，或导致原有的IE无法正常使用

　　2、其实现原理是模拟的某个版本IE的技术，显示效果与真实IE还是有区别

5）IEDevelopToolBar（在IE8上安装）

优点：

通过此工具可以模拟IE7的渲染效果，拥有有IE7、8的真实渲染效果。

缺点：

1）无法模拟IE6的渲染效果。

2）一定要在一台测试机器上安装IE8才能使用。

6）BrowserShots

Browsershots在不同操作系统的不同浏览器下给您的网页做截图。

这是一个免费的开源的工具，提供给设计师一个方便的途径来测试网站在不同浏览器下的兼容性。

您提交的网址会被加入一个任务队列。

一群分布式的的计算机会在浏览器里打开您的网站。

然后他们将开始截图并上传到我们的中央独立服务器供您浏览。

因为BrowserShots是开源的，官方也提供了XML-RPC接口，我们可以很轻松的去调用它。

当然，在这里不是介绍如何调用接口，下面讲的主要是让大家熟悉BrowserShots，并能迅速上手使用。

1.打开官网，就能看到各个OS下的各个浏览器的选项：

2.勾选需要测试的浏览器，输入URL，点击submit就可以了。

3.需要等2分30秒才轮到我，因为网站开源，所以就靠付费会员才能支持下去，所以如果你不想等待，就去当付费会员吧。

4.点详细信息，可以查看具体某个浏览器的等待时间：

5.可以看到，有很多已经开始了。

这里