1、第5章 跨平台跨浏览器专题技术分享,知识要点 掌握Windows平台之外的几种常用的系统平台 熟练掌握在跨平台环境里如何安装、卸载应用程序重点测试程序在各个平台上功能是否可以正常运行以及操作界面是否有异常，掌握每个浏览器的特性以及它们适用于哪些平台,第5章 跨平台跨浏览器专题技术分享,跨平台测试特点 跨平台是指开发出的某个应用程序可以在不同的操作系统、硬件平台上使用。跨平台测试就是测试应用程序在各个指定的平台上的每个功能都可以正常运行。包括应用程序的安装、卸载、用户界面、窗体风格，数据的存储和转化等等。,第5章 跨平台跨浏览器专题技术分享,软件平台的分类 目前各个平台的系统主要有Windows
2、、Mac、Linux、Solaris、IBM-AIX，HP-UX等。这些系统中使用最多的是Windows、Mac、Linux三类平台。Windows平台Windows平台是目前用户使用最多的平台，它界面好友，操作简单对软件和硬件的兼容性都非常的好，可以在配置较低的机器上运行基于其系统运行的应用程序也非常的多Windows平台包括WinXP, Win2008, Vista, Win7, Win8，而且它们还分为32位和64位两种类型。Mac平台Mac (Macintosh)是苹果公司开发的全新操作系统，被认为是最好的操作系统。,第5章 跨平台跨浏览器专题技术分享,软件平台的分类 Linux平台L
3、inux平台是Unix下的一个分枝，在Linux平台下又分成Ubuntu、 Redhat、Fedora、OpenSUSE等，而且这些系统也有32位和64位区别。目前在国内用的最多的是Ubuntu和Redhat，特别是Ubuntu，它的操作界面友好，在线升级和添加一个新包非常的方便Solaris平台Solaris 操作系统是美国Sun公司开发的一种多用户、多任务的操作系统，也是国际市场上的一种主流UNIX操作系统。,第5章 跨平台跨浏览器专题技术分享,软件平台的分类 HP-UX平台HP-UX，全称为Hewlett Packard Unix，是惠普9000系列服务器的操作系统，可以在HP的PA-R
4、ISC处理器、Intel的Itanium处理器的电脑上运行。它基于System V，是Unix的一个变种。惠普9000服务器支持范围从入门级商业应用到大规模服务器应用，支持互联网防火墙、虚拟主机或者远程办公室业务，大型公司可以采用此服务器管理ERP或电子商务业务，对于高端应用，可以采用惠普公司的Superdome计算机，支持最多64个处理器进行并行计算。所有的服务器都采用HP-UX操作系统。,第5章 跨平台跨浏览器专题技术分享,软件平台的分类 IBM-AIX平台AIX符合Open group的UNIX 98行业标准，通过全面集成对32位和64位应用的并行运行支持，为这些应用提供了全面的可扩展性
5、。它可以在所有的IBM p系列和IBM RS/6000工作站、服务器和大型并行超级计算机上运行。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Windows平台Windows系统的网络配置在桌面右键点击“网上邻居”“属性”,打开网络属性窗口选择“本地连接”，然后右键点击，在弹出的菜单中选择“属性”，打开网络属性的对话框在以上对话框中选择“Internet协议（TCP/IP）”，鼠标双击或点击“属性”按钮。打开“Internet协议（TCP/IP）”属性对话框网络设置分为“自动获得IP地址”和“使用下面的IP地址”即手动分配IP地址。在分配完IP之后，DNS也一定要填写,第5章 跨
6、平台跨浏览器专题技术分享,跨平台测试需具备知识 Windows平台Windows系统的代理设置,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Windows平台Windows系统的代理设置首先，需要知道相应代理的IP地址和端口号。在设置代理之前，先要确保本机的IP地址和代理服务器的地址是在同一个网段内。设置好本机的IP地址后，打开IE浏览器，在菜单“工具”中选择“Internet（选项）”。切换到“连接”选项页。点击“局域网设置”按钮。弹出“局域网（LAN）设置”对话框。在“代理服务器”的地址栏中输入代理服务器的IP地址和端口。然后点击“确定”即可。在“局域网（LAN）设置”对话框
7、有个选项“对于本地地址不使用代理服务器”，如果选上后，本地的网络就不通过代理访问。设置完代理后，在IE地址栏输入一个Web站点，然后按回车键，会出现一个用户名和密码的对话框，如图5-8所示。输入用户名test，密码pass，点击“确定”按钮，如果能正常打开网页，说明代理配置成功。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Mac平台Mac系统的网络配置打开“System Preferences”，在“System Preferences”里选择“Network”Mac的网络配置跟Windows类似，也有DHCP和手动分配。这里以手动配置为例。在图5-10中，选择“Manuall
8、y”，然后输入IP地址、子网掩码、路由和DNS服务器。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Mac平台Mac系统的代理设置在设置代理之前，把本机的IP地址改为和代理服务器在同一个网段内。只需要填写IP地址和子网掩码即可，路由和DNS都不需要填写。点击“Advance”按钮，切换到“Proxies”页。选上“Web Proxy(HTTP)”和“Secure Web Proxy(HTTPS)”，在“Web Proxy Server”栏里填写代理服务器的IP地址和端口代理服务认证的用户名和密码，可以填写在“Proxy server requires password”里。如果不
9、填写，在打开浏览器时填写也可以在Mac平台，如果是使用Safari浏览器，只要在前面的“System Preferences”设置好代理后，不需要特别设置，就可以访问站点，因为Safari的代理设置和系统的是一致的，只要在其中一个地方设置就可以。但如果是使用Firefox浏览器，还需要在浏览器里设置代理，否则不能访问站点。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Mac平台Mac系统里Firefox的代理设置打开Firefox，在菜单里选择“Preferences”切换到“Advanced”页，然后转到“Network”，点击“Setting”按钮选择“Manual prox
10、y configuration”。在“HTTP Proxy”中输入代理服务器的IP地址和端口号，并且选上“Use this proxy server for all protocols”，确保各种网络协议都能支持。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Unix平台Linux系统的网络配置（这里以Ubuntu为例）Linux系统在安装时，可以进行网络配置。如果需要手动配置网络，在桌面的右上角，点击网络图标，选择“VPN Connections”“Configure VPN”双击“Auto eth0”，或点击“Edit”按钮在“Editing Auto eth0”窗口，选择“
11、IPv4 Settings”页，在“Method”中选择“Manual”，然后在Address中输入IP地址、子网掩码、网关和DNS服务器，然后点击“Apply”按钮即可。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Unix平台Linux系统的代理设置在配置Linux代理之前也需要把本机的IP地址改为与代理服务器在同一个网段，DNS和网关可以不需要设置。打开浏览器。本例中使用的是Firefox。点击菜单“Edit”“Preferences”，打开Firefox Preferences对话框，切换到“Advanced”“Network”。点击“Setting”按钮。弹出代理设置对
12、话框，如图5-20所示。选择“Manual proxy configuration”选项。在HTTP Proxy中输入代理的IP地址和端口号，并且选择“Use this proxy server for all protocols”，以确保各种网络协议都能被使用。,第5章 跨平台跨浏览器专题技术分享,跨平台测试需具备知识 Unix平台Java运行环境的配置通过运行$java -version检查当前系统使用的是哪个版本的Java从Java站点下载当前系统支持的版本并且安装，比如“jre-7u17-linux-i586.gz”配置Java环境进入/etc/alternatives目录删除java
13、文件重新创建java链接，指向新安装的java查询当前java指向路径进入/usr/lib/jvm目录，删除“default-java”重新创建default-java链接，指向新安装的java目录查询当前default-java指向路径重新登录Linux系统，并且运行$java version，如果显示“Java(TM) SE Runtime Environment”信息，说明配置成功。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 应用程序安装在跨平台测试时，需要在不同的平台安装应用程序。不同平台上的安装包是不同的示例：Time Tracker上的Client安装包，在各个平台上
14、的安装Windows平台安装下载Windows平台的安装包，然后运行WSClient.exe文件，将会出现“欢迎”页面，根据向导一步一步安装就可以。Linux平台安装在Linux平台的安装包一般是zip, tar 或者rpm为后缀，在安装时，需要执行相应的命令。比如本例中的Time Tracker，是以zip为后缀，在安装时，需要执行下面的unzip命令。它将解压这个包到Worksnaps目录。 $unzip WSClient-linux-1.1.20130517.zip,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 应用程序安装Mac平台安装Mac平台的安装包是以dmg为后缀。在安
15、装时，直接双击dmg解压，然后把Worksnaps Client应用程序拖拽到Application文件夹就可以。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 应用程序安装缺陷分析：在Mac10.8平台下载Worksnaps client安装包。运行安装包。它将出现图5-31所示的信息。如果在Mac10.7上安装同样的包就不会有这样的问题。因为从Mac10.8开始，引入了一个新的安全功能Gatekeeper，该功能强化控制了应用程序的安装来源，默认情况下它只允许安装来自App Store和有OS X注册开发者签名的应用程序，高级用户可以选择允许安装其它来源的应用程序，而Worksn
16、aps client没有经过Apple的签名，所以会阻止安装。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 应用程序运行Windows平台Windows平台在运行程序时有多种途径。可以从开始菜单里找到应用程序名；或者直接双击桌面上的快捷图标。Linux平台Linux平台的应用程序的可执行文件的后缀一般是bin或者sh。如本例中是run.sh,执行时，首先进入Worksnaps/bin目录，然后执行./run.sh。在文件名前加个“./”，是表示当前目录下的文件。Mac平台Mac平台的应用程序一般都是在Application目录下，要运行时，进入Application目录，直接双击应
17、用程序名就可以。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 程序运行界面测试在进行跨平台测试时，程序运行界面测试是重要的测试方面，不同平台呈现出来的界面风格是不同的，比如Time Tracker的登录界面，在不同平台显示的颜色不一样，而且某些功能在界面上摆放的位置也不同。比如”Forget password”，在Windows和Java client的位置就不同。我们需要验证这些功能在不同的位置是否都可以正常运行。在测试之前，一般都会有这个平台的SPEC，我们按照SPEC里设计好的UI进行比较，如果不符合SPEC里的UI，很可能就是产品的Bug。,第5章 跨平台跨浏览器专题技术分
18、享,跨平台测试技术分享 程序功能测试需要验证某个功能在不同平台上是否都可以正常运行。在功能测试时，不同的平台功能上可能有差别在做功能测试时，要注意功能的变化，会不会影响程序操作界面的显示。比如TimeTracker里的“WebCam”功能，只在Windows平台上有，在Linux和Mac上都不支持。当我们在测试WebCam功能时，重点测试Windows平台，在应用程序的Preference设置里，只是Windows平台有这个设置选项，Linux和Mac平台不支持WebCam，所以就不应该显示这个选项。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 浏览器的分类跨浏览器测试，是指同一个
19、Web应用程序在不同的浏览器上进行测试，以验证所开发的程序是否可以在所支持的浏览器里正常运行。IEInternet Explorer，全称Windows Internet Explorer，简称 IE。是美国微软公司（Microsoft）推出的一款网页浏览器。它采用的排版引擎（俗称内核）命名为Trident。每一次新的IE版本发布，也标志着Trident内核版本号的提升。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 浏览器的分类FirefoxMozilla Firefox，中文名通常称为“火狐”，是一个开源网页浏览器，使用Gecko引擎（即非ie内核），可以在多种操作系统如Wind
20、ows，Mac和Linux上运行。火狐浏览器的主要特性有:体积小、运行速度快，占用系统资源少；标签式浏览，使上网冲浪更快；可以禁止弹出式窗口；自定制工具栏；扩展管理；更好的搜索特性；快速而方便的侧栏。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 浏览器的分类ChromeGoogle Chrome，又称Google浏览器，是一个由Google（谷歌）公司开发的开放原始码网页浏览器。该浏览器是基于其他开放原始码软件所撰写，包括WebKit和Mozilla，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。Safari浏览器Safari是苹果计算机的最新操作系统Mac O
21、S X中的浏览器，使用了KDE的KHTML作为浏览器的运算核心。成为Mac OS X v10.3与之后的默认浏览器，也是iPhone与iPod touch的指定浏览器。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 跨浏览器测试技术分享界面开发出来的Web程序，在不同的浏览器上运行，所展示的界面是否相符，比如字体显示是否有错位，重叠，或者显示不全；窗体是否有异常拉伸或者缩小；窗体上的按钮是否在指定的位置显示等。有些程序在不同的浏览器上运行，界面不一样，但都可以实现相同的功能，这也是符合要求的，不是产品的缺陷，因为不同的浏览器所使用的渲染引擎不一样。,第5章 跨平台跨浏览器专题技术分享
22、,跨平台测试技术分享 跨浏览器测试技术分享界面例子：登录站点。切换到Profile & Settings - User Information页面。选择“Change My Portrait”。TimeTracker中的“Change My Portrait”功能，在IE和Firefox中都是显示Browse(浏览)按钮，但是在Chrome中，显示的是Choose File（选择文件），如图5-36所示。它们虽然界面不一样，但是都可以实现浏览并选择图像的功能，所以这不是缺陷，而是不同浏览器的特色。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 跨浏览器测试技术分享控件对于Web应用程
23、序上某个控件，在不同的浏览器上，是否都能正常运行。比如窗体上的按钮在不同的浏览器上是否都可以点击，输入框里是否可以正常输入字符，输入字符的长度在不同的浏览器上是否相同，在输入字符边界值的保护上，每个浏览器是否相同。图片比较页面上显示的图片在不同的浏览器上大小是否相同，质量是否有差异，有没有被拉伸或者压缩。比如TimeTracker中，我们可以测试在My Current Portrait中上传的图像在不同的浏览器上的显示结果。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 跨浏览器测试技术分享动画Web应用程序里设计出来的图片动画，Java applet动画或者Flash动画，在不同的
24、浏览器里，是否都可以正常播放。有些动画，比如Java, Flash是需要安装相应的插件支持的，我们可以测试插件没有装之前和安装之后，播放动画时显示的结果。响应时间点击Web程序里的某一个功能项，在不同的浏览器里响应时间是否有差异，如果响应时间太长，应该就是缺陷，需要处理。,第5章 跨平台跨浏览器专题技术分享,跨平台测试技术分享 跨浏览器测试技术分享链接在Web页面或者窗口上有链接的地址，测试在不同的浏览器里点击这些链接，是否都可以正常打开，页面是否都可以正常跳转，点击链接之后，有没有造成页面冻结或者崩溃的现象。其它在不同的浏览器上测试，还要注意浏览器的吞吐量，里面嵌入的脚本是否可以正常运行等等。,
