1、1,网络浏览器的评测与比较,2,实验简要介绍,用户在上网时都会用到网络浏览器，例如Windows操作系统中默认的网络浏览器IE（Internet Explorer）。除IE之外，还有很多其他的网络浏览器也很流行，如Safari、FireFox、Opera、Chrome等。这些浏览器在功能上有什么特点？它们的性能孰好孰坏？用户如何选择它们？本实验将会给出答案。 通过本实验，实验者能够： 了解各种网络浏览器的功能特点； 了解各种网络浏览器的性能差异； 掌握如何进行应用软件的评测。,3,实验目的,分析5种主流的网络浏览器（以下简称浏览器）的功能特点和性能差异。 学会在不同场合使用不同的浏览器，发挥浏
2、览器的最大功效。 掌握软件的评测方法。,4,实验设备及软件,实验所需设备： 微型计算机1台，配置如下： CPU：P4或以上级别 内存：512MB 硬盘空余容量：512MB 预装WindowsXP，能够访问因特网 实验所需软件 IE7.0 Safari v3.2.2 Firefox v3.0.6 Opera v9.63 Chrome v2.0.162.0,5,实验原理理想的网络浏览器,理想的网络浏览器应满足以下需求： 速度快； 占用资源少； 良好的兼容性； 良好的安全性： 安全隐私保护好； 能够自动防病毒、屏蔽恶意插件和软件； 能够屏蔽弹出式广告； 能够识别网站的真实性； 基本的在线翻译； 提供
3、RSS功能； 自动升级功能； 良好的用户体验。,6,实验原理实际测试,通过以下几个主要方面的测试，分析目前流行的几款网络浏览器是否满足需求： 兼容性 性能 资源占用情况 实际使用体验 本实验采用以下方法进行测试： 运行本地测试程序 登录网上测试平台进行在线测试 通过实际运行进行体验和感受,7,实验内容说明,本实验对以下浏览器进行测试，并进行横向比较： IE、Safari、Firefox、Opera、Chrome 测试内容： 功能 兼容性 性能 启动速度、浏览速度 占用的内存资源：闲置、单窗口、多窗口（5个、10个） 占用的CPU资源：闲置、单窗口、多窗口（5个、10个） 实际使用体验,8,实验
4、提示,为尽可能贴近真实使用环境，所有参测的浏览器，应保持默认设置。 为降低误差： 每次测试前均要清空网页缓存； 每一项测试执行3次，然后取3次的平均值。,9,实验步骤,安装以下5个网络浏览器 IE、Safari、Firefox、Opera、Chrome 按以下步骤对各浏览器进行测试 功能分析 资源占用测试 兼容性测试 性能测试 广告拦截测试,10,功能分析,按右表列出的功能项，分析各浏览器对这些功能的支持情况，将分析结果填入表格 填写“支持/不支持”、“有/无”或“是/否”。,11,资源占用测试,测试方法： 打开浏览器，观察当闲置、打开单个页面、打开5个页面和打开10个页面时的内存占用量和CP
5、U利用率，将内存占用量填入右上方的表格中，将CPU利用率填入右下方的表格中。 内存占用量和CPU利用率可以从Windows任务管理器的性能标签中获得。,内存占用数量（单位：MB）,CPU利用率（%）,12,兼容性测试（1）,本测试包括三项内容： （1）Acid2测试 Acid2是针对网页浏览器及设计软件对HTML、CSS 2.0及PNG图像标准支持程度的综合测试。本测试要求浏览器能够正确地显示出如右图所示的图形。 Acid2测试网址：http:/acid2.acidtests.org/#top 测试方法： 打开测试网页，观察图形显示是否正确。,Acid2、Acid3和CSS测试,13,兼容性测
6、试（2）,（2）Acid3测试 Acid3测试的重点是考核Web 2.0规范，发现ECMAScript和W3C Document Object Model 2标准应用中的不兼容漏洞。测试画面是一个彩色动画。本测试要求浏览器在默认配置下，保证动画渲染正确，满分为100（满分的测试结果如下图）。 Acid3测试网址：http:/acid3.acidtests.org 测试方法： 打开测试网页，观察图形显示是否正确，记录测试成绩。,14,兼容性测试（3）,（3）CSS兼容性测试 本测试可以进行578项CSS兼容性测试。 CSS测试网站： http:/www.css3.info/selectors-t
7、est/test.html 测试方法： 登录测试网站，耐心等待几分钟，网站就会给出测试结果，记录测试通过的项数。,15,兼容性测试汇总,将以上三项兼容性测试的数据填入下表进行汇总。,16,性能测试,本测试包括以下四项测试： 1. JavaScript性能测试 2. 专业环境测试 常规页面性能测试 CSS渲染速度测试 网页加载时间测试 JavaScript解析速度 Table渲染速度 文字载入速度 3. 实际环境测试 4. 浏览器启动速度测试,17,性能测试（1）,1. JavaScript性能测试 较著名的Javascript性能测试平台有： SunSpider 较为流行的JavaScript
8、性能测试平台； 仅测试JavaScript引擎的性能（不含渲染及DOM）； 拥有许多的测试类型（如对象、函数调用、数学、递归等等）。 比较全面，测试速度较慢，能测试9大项26小项性能。 V8 Benchmark 它是由V8团队开发的一种性能基准测试平台，仅测试JavaScript性能（特别是递归的性能）。 Dromaeo 用于测试JavaScript、DOM以及JavaScript Library的能力；拥有大量的测试类型，其中大部分用于分析DOM和JavaScript库的性能。,18,性能测试（1）,测试方法： 测试采用SunSpider性能测试平台； 测试页面：http:/www2.web
9、kit.org/perf/sunspider-0.9/sunspider.html 登录测试平台，点击页面下方的“Start Now!”按钮进入测试页面。此测试时间较长。特别是网络比较慢时，请耐心等待。待测试结束后，页面上会列出详细的测试结果。我们只需记录各大项结果即可。 将测试结果填入下面的表中。,性能测试（1）,(可选)当访问SunSpider页面有困难时，也可选用V8 Benchmark来进行测试。 V8 Benchmark有两个版本： V8 Benchmark V1 V8 Benchmark V2 下载后解压缩，用浏览器打开其中的run.html即可开始测试。 测试结束后会显示各子项的
10、分数和总评分数。记录所列出的分数。模仿上页表格自行设计表格并填入测试结果。,19,20,性能测试（2）,2. 专业性能测试 此测试分为6个小项： CSS渲染速度 测试页面：http:/nontroppo.org/timer/csstest.html 常规页面性能 测试页面：http:/nontroppo.org/timer/ Javascript解析速度 测试页面：http:/nontroppo.org/timer/progressive_raytracer.html HTML页面加载速度 测试页面：http:/nontroppo.org/timer/loadtime.html Table渲染
11、速度 测试页面：http:/nontroppo.org/timer/tabletest.html 文字载入速度 测试页面：http:/nontroppo.org/timer/text.html,21,CSS渲染速度,测试方法： 登录http:/nontroppo.org/timer/csstest.html； 点击页面上的“Click Here”，屏幕上会弹出测试结果窗口，记录上面显示的时间。 注意：只需记录第一次结果。,22,常规页面性能,测试方法： 登录http:/nontroppo.org/timer/； 测试立即开始，待页面显示完毕，右上角会显示三个数值，记录下“First Acces
12、s”的值。,23,Javascript解析速度,测试方法： 登录http:/nontroppo.org/timer/progressive_raytracer.html； 点击页面上的“Full Render”按钮，开始测试，待测试完后，右上角会显示测试结果，记录下该结果。,24,HTML页面加载速度,测试方法： 登录http:/nontroppo.org/timer/loadtime.html； 待页面完全显示后，右上角会显示测试结果，记录下该结果。,25,Table渲染速度,测试方法： 登录http:/nontroppo.org/timer/tabletest.html； 测试立即开始，待
13、测试结束，页面上方会显示三个时间：Table Start、Load、Table End。记录下Table Start和Table End二者的差值。,26,文字载入速度,测试方法： 登录http:/nontroppo.org/timer/text.html； 测试立即开始，待测试结束，页面左上方会显示文字载入的时间值。记录下该结果。,27,专业环境性能测试汇总,将以上6个小项的测试结果填入下表汇总。,28,性能测试（3）,3. 实际环境测试 页面加载速度测试平台：http:/ 这个网站能够根据所指定的网站地址测试页面加载速度，并可以指定加载几次，每次间隔多长时间。 在以上测试平台中测量以下五个
14、样本网站的主页打开时间。 常规网站：http:/ 门户网站：http:/ 网络论坛：http:/ B2B网站：http:/ SSL加密网站：https:/ 测试方法： 用不同的浏览器登录http:/； 在测试页面中将#Calls和Call Interval都设置为5； 在测试页面中的地址输入框中输入样本网站地址，然后单击“Time It！”按钮。 待测试完后记录下加载该样本网站主页的平均时间。,29,性能测试（3）,将不同浏览器加载不同样本网站主页的时间填入下表。,30,性能测试（4）,4. 浏览器启动速度测试 测试方法 每次测试时要重启计算机。启动浏览器，用秒表记录启动时间。取每个浏览器三次
15、测试的平均结果。 将启动时间填入下表。根据启动时间进行评分，时间越长，评分应越低。,31,广告拦截测试,广告拦截能力测试网站： http:/ 测试方法： 登录上述网站，点击主页上的 “Start Test”，然后根据提示操作，并记录拦截的弹出窗口个数。 将拦截的弹出窗口数量填入右表。,使用体验评价,使用体验是主观上的评价，容易受到评测者个人好恶或先入为主的影响。因此测评者应客观地评价被测软件。 可从以下几个方面给出使用体验评价： 使用是否简单方便，符合浏览习惯； 功能是否齐全； 运行是否稳定、流畅； 是否有给用户的浏览提供帮助的特色功能； 其他评价。 评价结果可以按5分制，也可以按百分制给出。将结果填入下面表格。,32,33,实验报告要求,写出实验主要内容和安装测试过程。 以表格形式列出以下数据： 测试环境：CPU、内存、硬盘、显卡、OS 浏览器名称、版本、安装文件大小、是否免费 以表格和柱形图两种形式给出以下结果： 资源占用情况（CPU、内存） 兼容性情况 性能（启动速度、浏览速度、页面加载速度） 各浏览器的实际使用体验； 根据分析结果，推荐一款浏览器，给出推荐理由。,34,实验思考题,通过本实验，你的体会是什么？ 简要说明各种浏览器的特点和适用环境。 安装非IE系列的浏览器，对用户有何意义？ 你原来使用的浏览器是什么？通过本实验，你会改用其他的浏览器吗？,
