网页兼容性测试.docx

1、网页兼容性测试网页兼容性测试Web兼容性测试主要是针对不同的操作系统平台，浏览器，以及分辨率进行的测试。由于用户浏览器的不同，往往都会使我们的网页发生页面样式错乱，图片无法显示等问题。因此我们就需要对Web网页进行兼容性测试。对于web应用，我们无法预计用户的客户端配置和运行环境。所以，做好兼容性测试是非常重要的。1.1. 操作系统兼容性测试常见的操作系统有Windows，Unix，Linux等，对于普通用户来讲，最常用的是Windows操作系统。Windows操作系统包括Windows XP，windows 2003，vista，Win2000/NT，Windows9x等等。1.2. 浏览器

2、兼容性测试浏览器是Web系统中最核心的组成构件，来自不同厂家的浏览器对Javascript、ActiveX或不同的HTML规格有不同的支持，即使是同一厂家的浏览器，也存在不同的版本的问题。不同的浏览器对安全性和JAVA的设置也不一样。使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，在一种浏览器下显示正常，在另一种下就乱了。不同的浏览器对CSS解释不同。常见的浏览器兼容性问题，主要表现在如下两方面；1）页面显示页面显示的美观性是Web应用程序中重要需求，不同浏览器上呈现给用户的同一个Web页面可能显示的不一样。这些差异性主要表现在对于页面元素的位置、大小、外观。

3、如果在某款浏览器上显示不美观，就会成为一个问题，需要修改。2）功能问题Web软件中的功能性问题主要是不同浏览器对脚本的执行不一致，功能性问题极大的限制了用户对Web界面元素的使用。这类问题通常很难被发现，比如某个按钮可能显示正确但实际它是无法使用的，这个则需要用户真正的去使用它才能被发现。3）现有解决方法由于软件尽可能多的支持不同类型浏览器，近年来越来越多的成为一个趋势，因此测试的工作量也越来越大。而更多的方法是通过手工进行测试，如何减少工作量，当然想到的还是自动化。在业内目前通过自动化的方法减少手工测试工作量，主要的过程如下：1）录制手工操作将手工操作过程在一个浏览器上通过软件的方式记录下来

4、。记录的主要是鼠标与键盘的动作，同时对每一个操作后的结果，设置一个预期结果。2）检查测试结果根据上个步骤录制的脚本，在其他浏览器上进行回放（自动化操作），并比对实际结果与预期结果，如果一样则测试通过，否则测试失败。上述自动化的主要问题在于：1）录制时需要设置预期结果，存在额外的工作量。2）页面变化是WEB软件开发中经常发生的，比如变化了界面显示的文字，移动存放的位置，都可能导致录制的脚本需要进行修改，脚本的维护工作量会比较大。3）对于操作的结果检查，由于各个浏览器对于界面的展现各不相同，（比如字体的显示各不相同），因此结果可能是多种的，就会很容易产生展现的结果也是美观的，但被误报成测试失败的现

5、象。1.3. 分辨率兼容性测试分辨率的测试是为了页面版式在不同的分辨率模式下能正常显示，字体符合要求而进行的测试。用户使用什么模式的分辨率，对于我们来讲是未知的。通常情况下，在我们的需求规格说明书中会建议某些分辨率。对于测试来讲，必须针对需求规格说明书中建议的分辨率进行专门的测试。现在常见的分辨率是1024768，800600。1. 主流浏览器和测试工具浏览器浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML。浏览器是最经常使用到的客户端程序。个人电

6、脑上常见的网页浏览器包括：1】 微软的Internet Explorer（6.0,7.0,8.0,9.0）6.0版本6.0版本于2001年8月27日发布，距Windows XP正式发布日的数星期前发布。这版本包含增强版DHTML、内联网页框架的内容限制和部分支持CSS level 1、DOM level 1和SMIL 2.0。MSXML引擎会更新到3.0版本。其他新的特征包含一个新版本的IEAK、媒体列和Windows Messenger综合版、错误收集、自动化重整图片大小、P3P和一个新的外观，能配合Windows XP的Luna界面。于2002年，Gopher的功能被禁用，7.0版本更取消

7、了对Gopher的支持。7.0版本Windows VistaBeta1上的InternetExplorer 7.0Beta1在2005年2月15日，微软主席比尔盖茨于旧金山的RSA讨论会中，宣布新版本浏览器将会发布。推出新浏览器的原因是InternetExplorer的市场占有率逐渐被MozillaFirefox侵蚀。此外，微软宣布7.0版本只可以用于Windows XP SP2和之后的操作系统中，包括Windows Server 2003 SP1和Windows Vista。InternetExplorer的第一个预览版本于2005年7月27日推出，主要用于技术测试。而第一个向大众的测试版本

8、于2006年1月31日推出，版本是Beta2 preview。最后的公开测试版本于2006年10月18日推出。7.0版本预期可以保护用户于钓鱼式攻击和其他的恶意软件。用户可以完全控制ActiveX和更佳的保安架构，包括与Windows系统分开，不像以往般紧密融合，从而提高安全性。另外，新版本包括收复了一些程序中的错误，加强对各网际标准的支持，增进支持HTML 4.01/CSS 2，新加入分页浏览，还有一个支持各搜索引擎的搜寻方块，一个Web-feed阅览器，支持国际化域名，和反钓鱼式攻击过滤器。它甚至可以挡掉一些程序类型，例如Flash电影和Java。2008年2月12日，微软以“安全原因”将

9、通过Windows Server Update Services把所有Windows系统的浏览器强制升级到7.0版本。8.0版本北京时间2008年3月6日，微软发布了InternetExplorer 8的第一个公开测试版本(beta1)。本次测试第一次包涵简体中文（3月27日推出）版本。测试版本仍然是在IE7的架构下改进的。界面除了做一些细微的调整，增加少许实用功能外，并无改进。beta1版本推出了模拟IE7的模式、增加了在线邮件浏览功能、提高了兼容性、反钓鱼功能进一步增强,可以进行网页地址筛选。北京时间8月28日消息，据国外媒体报道，微软周三发布了功能完备的升级版IE8 Beta2。微软称，

10、IE8 Beta2的新特性是加强了隐私保护，并提高了使用舒适性及安全性。微软3月份发布了IE8 Beta1，但目的只是向网络开发者展示这一最新IE版本，Beta2则旨在向更多用户进行展示。微软没有透露将于何时正式推出IE8，也并未对会有多少用户下载Beta2作出预测。微软在当地时间2009年1月26日，也就是我们的农历新年时正式发布了IE8 RC1。此次的IE 8 RC1，是IE 8的最后一个测试版，微软目前已在其下载中心提供IE 8 RC1的下载。该版本可用于32位Vista、64位Vista和Windows XP，任何用户都可下载、试用，但是此次的改进与发行说明尚未更新。此次发布的IE8

11、RC1只支持Windows XP和Windows Vista，而不支持Windows 7。微软网站从美国西部时间3月19日上午9点，北京时间3月20日0点开始提供IE8免费下载，IE8正式版最终问世。IE8正式版可以安装在Windows Vista系统以及Windows XP系统中，而微软新的操作系统Windows 7，IE8浏览器将被捆绑安装其中。IE 8的新功能之一是一种为“InPrivate”的浏览模式。这种浏览模式能够不留下用户PC的指纹。微软希望利用IE 8新增加的功能夺回在浏览器市场失去的市场份额。IE 8新增加功能包括隐私浏览、改善的安全和名为加速器的新型插件。在安全方面，微软增

12、加了跨站脚本过滤器并且增加了防御“点击劫持”攻击的功能。9.0版本IE9利用PC的图形处理单元（GPU）优势去加速文字和图形的渲染能Windows Internet Explore 9力、加强标签浏览、可伸缩矢量图形（SVG）以外，IE9更遵守网页浏览标准，特别是对HTML5标准的支持。IE9的性能表现大幅提高，从而在运行速度上缩短IE同火狐、Chrome等竞争产品的差距。微软于2011年3月15日(北京时间)在SXSW互动大会正式发布了Internet Explorer 9.0。IE9界面IE9.0支持Windows Vista和Windows 7，但并不支持Windows XP。IE9最新

13、的改变包括硬件加速的HTML5和Windows 7无缝的集成、新UI界面、更加出色的安全保护和隐私保护.、对存在诟病了加载项进行了改进、改进了开发工具以及全新淡雅的LOGO。）、2】 Mozilla的Firefox（Redfox是经过定制后的绿色安装增强FireFox版本，其特点如下：采用正式版代码编译优化，支持部分非标准网站；不写注册表，可以方便的拷贝移动或者删除；加入了大量常用扩展供大家在安装的时候选择；对原有FireFox的错误和不方便设置进行了修正；调整了部分次参数进一步加快FireFox的浏览速度。Madfox是一个基于Firefox的浏览器。Firefox是一个非常优秀的浏览器，但

14、是由于我们周围有很多不符合互联网标准的网站，从而在很大程度上阻碍了Firefox的推广。对于标准和非标准，无论是技术还是非技术层面，都有着非常激烈的争论。Madfox项目的目的，是希望仅从技术的角度出发，通过扩展Firefox，尝试去兼容不符合标准和规范的网站。）、3】 Google Chrome全球第一大浏览器（Stable Channel（稳定版/正式版）：适合追求稳定的普通用户使用。Beta Channel（测试版）：适合喜欢较稳定又可尝鲜的朋友下载使用。该版本是新的正式版发布前的公开测试所用，版本上的新功能不会作太多修改，主要为安全上的测试，但可能会存在不稳定情况。Dev Channe

15、l（开发版）：适合开发人员使用。主要为功能上的测试，可能存在稳定性问题，通常更新速度为一周一次。Canary Build（金丝雀版）：仅适合开发人员或追求最新版本的用户使用。2010年7月加入，比开发版更新快但更不稳定，相对的也会加入更多测试性的新功能。Canary Build有一个特色是它可以独立安装，不会覆盖原本的“Google Chrome”版本，让系统中可以同时拥有两套安装版“Google Chrome”。Chrome Lite（移动简化版）：被运用于Android操作系统中。）、4】 Apple的Safari（Safari是苹果公司所开发的网页浏览器，并内建于MacOSX。Safar

16、i使用了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使用苹果自

17、家的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还有手机用的版

18、本，如在Windows Mobile和Android手机上安装的Opera Mobile和在JAVA上的Opera Mini，早在2006年更与Nintendo签下合约，提供NDS及Wii游乐器Opera浏览器软件；也支持多语言，包括简体中文和繁体中文。）、6】 HotBrowser（HotBrowser是冲冠科技(MAGICMASTER)在云计算时代出品的一款云安全浏览器，它也时常被作为平台应用于高端计算机和手持电脑领域。冲冠科技(MAGICMASTER)在内测版本时期由于商标问题将正在研发的浏览器更名为“HotBrowser”。目前尚未有中文版本的HotBrowser，在对于中国来讲是个不

19、平凡的2008年的最后一天，首次提出进军繁体/简体中文浏览器市场。HotBrowser目前并没有官方正式的中文名字，通常被爱好者们译为“浩势”或“云安全”，甚至直接译为“冲冠”。）、7】 GreenBrowser浏览器（GreenBrowser，又称绿色浏览器，从界面上来看，和MyIE极为相似，具有占用内存少，启动速度很快，不易崩溃等其他特点。另外，对于广告的过滤，不用安装等特点在国内网页浏览器中也很突出。）、8】 Avant 浏览器（AvantBrowser是一款的多窗口浏览器。它继承了IE的所有功能和使用方式。并在此基础上作了扩充；同时也是一款自定义的web浏览器应用程序，一款设计为扩展M

20、icrosoft Internet Explorer 所提供服务的独立的应用程序。）、9】 360浏览器（360安全浏览器是世界之窗开发者凤凰工作室和360安全中心合作的产品1，其沙盘安全技术来自与Sandboxie的合作。360安全浏览器自称“最安全的浏览器”、“中国大陆除了IE以外使用者最多的浏览器。简单的比喻就是世界之窗Sandboxie的OEM版。360极速浏览器是360安全中心推出的一款基于Chromium开源项目的浏览器，也是基于世界之窗浏览器的再次开发产品，自称是全球首个无缝衔接Chrome和IE的浏览器。其界面与Google Chrome浏览器十分相似。但是360为它添加了一些

21、符合国内用户习惯的一些功能。）、10】 世界之窗（世界之窗采用IE内核开发，兼容微软IE浏览器，可运行于微软windows98/me/2000/xp系列操作系统上，并且要求系统已经安装了IE。推荐运行在安装IE5.5或更高版本的系统上。）、11】 腾讯TT，QQ浏览器（腾讯TT是一款集多线程、黑白名单、智能屏蔽、鼠标手势等功能于一体的多页面浏览器，具有快速、稳定、安全的特点。Tencent Traveler 腾讯是中国最早的互联网即时通信软件开发商，是中国的互联网服务及移动增值服务供应商，并一直致力于即时通信及相关增值业务的服务运营。QQ浏览器6.11是腾讯公司推出的新一代浏览器，使用极速（W

22、ebkit）和普通（Trident）双浏览模式，设计了全新的界面交互及程序框架，目的是为用户打造一款快速、稳定、安全、网络化的优质浏览器。）、12】 搜狗浏览器（搜狗浏览器，搜狐出品，使用高速（webkit）和兼容（Trident）双浏览模式，保证良好兼容性的同时极大提升网页浏览速度。当采用高速模式访问网页出现问题时，可点击地址栏旁边的内核按钮直接切换内核，使用兼容性更佳的兼容模式正常浏览网页。）、13】 傲游浏览器（傲游浏览器3.0是国内首先尝试使用Webkit与Trident双核心的浏览器。Webkit核心将使你打开网页的速度更快，Trident 核心则会带给你更好的兼容性支持。除此之外，

23、傲游3.0目前还包括智能填表、智能地址栏、弹窗过滤、在线收藏等功能）、14】 XX浏览器（XX浏览器的使命是让人们更流畅的上网、更愉悦的在线生活。通过XX的开放整合和精准识别，您可以一键触达海量优质的服务和资源，音乐、阅读、视频、游戏等个性所求。XX浏览器，和您一分享美好的互联网世界。依靠XX强大的平台资源，简洁的设计，安全的防护，超快的速度，丰富的内容逐渐成为国内成长最快的创新浏览器。）15】 Lunascape（5.0+）（Lunascape浏览器，是日本Lunascape公司出品的三引擎浏览器。可在浏览器中自由切换三种渲染引擎：Trident(IE)、 Gecko(Firefox)和We

24、bKit，最大地保证了浏览器的兼容性和稳定、快速的特点。此浏览器还获得数个奖项，号称世界首款融合了3种内核、运行速度最快的浏览器。其充分应用了web2.0的时代特征，将浏览器与各种网络服务进行了无缝集成，并携带了多种革命性的功能。如高性能的选项卡式浏览、方便快捷的鼠标手势、RSS订阅、防止意外崩溃功能、IE工具栏支持、直接导入设置从多种浏览器中、自动删除个人信息、多种自定义外观、支持视频共享网站与SNS网站的插件、3种内核自由切换等等。总之，Lunascape可以让您在日常生活中的各种事物均可直接在浏览器内完成。）2.测试工具1）Spoon Browser SandboxXenocode Sa

25、ndbox是一个利用强大虚拟技术，实现模拟大部分浏览器来测试网页兼容，但是在使用之前必须要安装一个插件，而且每次使用都必须在其网站上。(公司网络有限制，下载和使用都不方便)使用优点：在一台测试机器上安装一个客户端，就可以模拟IE6、7、8三种浏览器的渲染效果.缺点：1)服务器访问较慢，测试机器如果配置低，访问会比较慢。2)经常与微软发生矛盾，关闭IE模拟程序。2）SuperpreviewSuperPreview是微软发布的网页开发调试工具，自带有很多元素查看工具，如箭头、移动、辅助线、对比，在查看网页的IE6/IE7/IE8不同表现的同时，可以对比效果。在SuperPreview中，你可以同时

26、浏览网页在各个版本的IE中的效果。根据微软的介绍，SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定，如果系统安装了IE8，那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6；如果系统安装了IE7，那SuperPreview只包括IE7和IE6；如果系统安装了IE6，那SuperPreview只能测试IE6。这也就意味着如果你要使用SuperPreview的话，使用高版本的IE更“划算”。现在的SuperPreview有两个不同的版本。Microsoft Expression Web SuperPreview for Internet Explorer

27、 可以在IE的版本下调试html，而Microsoft Expression Web 3可以在IE和FF下调试html。Microsoft Expression Web 3是对html页面的调试，而页面的链接不能点击。(附安装文件)安装时报错请参考：http:/12345.co/Topic/view/id-28813）IETesterIETester是一个免费的WebBrowser控件，让您有渲染和IE8的JavaScript引擎，IE7和IE 6在Windows 7，Vista和XP的IE5.5中，以及在同一进程中安装的IE浏览器。新的v0.4.2：新增开发选项来启用/禁用浏览器的功能！V0

28、.4.11版本还提供DeBugBar插件。DebugBar是功能强的IE插件,类似于Firefox浏览器的一款开发类插件Firebug.从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利. 目前对于个人用户免费.企业用户收费. 主要有以下功能: 1.查看网页DOM树,HTTP(S),网页javascript脚本函数归类展示.效验网页中的框架.网页属性的详细信息2.提供网页源码与IE整理后代码的对比. 3.能在无需改变显示器分辨率的前提下用不同分辨率显示页面.并能对页面进行缩放. 4.功能对任意位置取色并将HEX码复制到剪贴板中便于保存. 5.可将当前页面截图通过邮箱发送

29、出去. 另外同时这安装Ietester和companionjs配合使用将给web开发者带来更高的开发体验.(附V0.4.11版本IETester安装文件)4）IE CollectionUtilu IE Collection 是个专为程序设计与网页设计师制作的各版本 Internet Explorer 浏览器整合安装包，里面包含了IE 1.0、1.5、3.0、5.5、6.0、7.0、8.0.等等版本的IE网络浏览器。主要目的是让设计师在做好网页后在不同版本的IE浏览器里面测试版面样式与功能，看看是否版面有乱掉或功能不正常等问题。在IE Collection中各个版本的IE浏览器都是各自独立的，可

30、以单独执行，此外还提供了Internet Explorer Developer Toolbar工具与Firebug Web Development Extension for Internet Explorer外掛程序，可以让我们通过这些工具检查网页内容的格式、版面错乱或程序错误.等。附安装文件安装完成之后，跟ie浏览器一样，没有差别。注：安装时不要选，建立桌面快捷文件。否则桌面会出现一大片的ie快捷文件。IETester和IE Collection这两款软件的产生旨在解决多IE版本共存的问题，均可以在网上下载，并且是免费的，是使用最广的web兼容性测试软件。但是在使用时存在一些缺陷：1、不是

31、所有机器都可以安装成功和正常使用，经常报错、死机，或导致原有的IE无法正常使用2、其实现原理是模拟的某个版本IE的技术，显示效果与真实IE还是有区别5）IE Develop ToolBar（在IE8上安装）优点：通过此工具可以模拟IE7的渲染效果，拥有有IE7、8的真实渲染效果。缺点：1)无法模拟IE6的渲染效果。2)一定要在一台测试机器上安装IE8才能使用。6）BrowserShotsBrowsershots在不同操作系统的不同浏览器下给您的网页做截图。这是一个免费的开源的工具，提供给设计师一个方便的途径来测试网站在不同浏览器下的兼容性。您提交的网址会被加入一个任务队列。一群分布式的的计算机

32、会在浏览器里打开您的网站。然后他们将开始截图并上传到我们的中央独立服务器供您浏览。因为BrowserShots是开源的，官方也提供了XML-RPC接口，我们可以很轻松的去调用它。当然，在这里不是介绍如何调用接口，下面讲的主要是让大家熟悉BrowserShots，并能迅速上手使用。1. 打开官网，就能看到各个OS下的各个浏览器的选项：2. 勾选需要测试的浏览器，输入URL，点击submit就可以了。3. 需要等2分30秒才轮到我，因为网站开源，所以就靠付费会员才能支持下去，所以如果你不想等待，就去当付费会员吧。4. 点详细信息，可以查看具体某个浏览器的等待时间：5. 可以看到，有很多已经开始了。这里