浏览器测试

IE
Firefox
TVOS
dromaeo性
能测试
296.52runs/ s
525.77runs/s
点击“Run Recommended Tests” 后大约5分钟后会黑屏然 后自动返回到主界面
性能测试（2）
2.文字渲染速度测试 • 测试网站： http://192.168.129.109/browsertest/TextRenderingTest.html 测试方法：打开测试网站，待页面完全显示后，左上角会显示测 试结果，记录下该结果。 • 将测试结果填入下表中。
• Acid3测试网址：http://acid3.acidtests.org • 测试方法：
打开测试网页，观察图形显示是否正确，记录测试成绩。
兼容性测试（3）
（3）CSS兼容性测试
• 本测试可以进行574项CSS兼容性测试。 • CSS测试网站：
http://www.css3.info/selectors-test/test.html
登录测试网站，耐心等待几分钟，网站就会给出测试结果，记录分数。得分 越高，对HTML5的适应性和兼容程度就越高。
兼容性测试（5）
（5）javascript符合性测试
• Google发布了Sputnik这个包含超过5000个测试的浏览器 JavaScript符合性检测工具，可以直接在浏览器中运行。点 击测试页面中的“Start”即可开始测试。 • 测试网站：
• 登录http://nontroppo.org/timer/loadtime.html； • 待页面完全显示后，右上角会显示测试结果，记 录下该结果。测试结果的数值越小，表示载入速 度越快。
Table渲染速度
测试方法：
• 登录http://nontroppo.org/timer/tabletest.html； • 测试立即开始，待测试结束，页面上方会显示三 个时间：Table Start、Load、Table End。记录 下Table Start和Table End二者的差值。
• Acid2是针对网页浏览器及设计软件 对HTML、CSS 2.0及PNG图像标准 支持程度的综合测试。本测试要求浏 览器能够正确地显示出如右图所示的 图形。 • Acid2测试网址： http://acid2.acidtests.org/#top • 测试方法：
打开测试网页，观察图形显示是否正确。
兼容性测试（2）
（2）Acid3测试
• Acid3测试的重点是考核Web 2.0规范，发现ECMAScript和W3C Document Object Model 2标准应用中的不兼容漏洞。测试画面是一 个彩色动画。本测试要求浏览器在默认配置下，保证动画渲染正确， 满分为100（满分的测试结果如下图）。
性能测试
本测试包括以下四项测试：
• • • • 1. JavaScript性能测试 2. 文字渲染速度 3. 网络测试 4. 通用Peacekeeper性能检测
性能测试（1）
1. JavaScript性能测试 • 较著名的Javascript性能测试平台有：
SunSpider • 较为流行的JavaScript性能测试平台； • 仅测试JavaScript引擎的性能（不含渲染及DOM）； • 拥有许多的测试类型（如对象、函数调用、数学、递归„„等等）。 • 比较全面，测试速度较慢，能测试9大项26小项性能。 V8 Benchmark • 它是由V8团队开发的一种性能基准测试平台，仅测试JavaScript性
Firefox
TVOS
SunSpider性 能测试
178.4ms
226.3ms
8727.4ms
性能测试（1）

Google V8 Benchmark测试是Google放出的Javascript测试集。V8 Benchmark Suite会载入JavaScript代码，对系统的内核、加密、解密、 渲染等进行速度测试。如果是IE内核浏览器，可能执行的時候会出现警告， 按继续执 行就可以了，不过要等久一点。 • 测试网站： http://v8.googlecode.com/svn/data/benchmarks/v7/run.html • 测试方法：打开测试网站，记录得分。测试得分越高说明浏览器的网 页显示速度越快。 • 将测试结果填入下表中。
IE Firefox TVOS
网络测试
10
12
测试在进行过 程中会显示出 错页面
性能测试（4）
4.社交网站、在线视频和邮箱服务是给浏览器带来负荷最大的几种页面， Futuremark公司开发的测试工具Peacekeeper，可以真实模拟浏览各种网 页时的负载状况，对浏览器的HTML5、CSS、JavaScript、DOM等很多 方面进行压力测试，从而了解到一款浏览器的整体性能。 • 测试网站： http://peacekeeper.futuremark.com/ 测试方法：打开测试网站， 进入测试页面后，点击图标“Test your browser GO”,记录得分。测试结果的数值越大，说明性能越好， 兼容性越佳。 • 将测试结果填入下表中。
• 登录网上测试平台进行在线测试
实验内容说明
本实验对以下浏览器进行测试：
• IE、Firefox、TVOS浏览器
测试内容：
• 兼容性 • 性能 • 速度专项测试
专业环境测试 实际环境测试
• 广告拦截能力测试
兼容性测试（1）
本测试包括五项内容：Acid2、Acid3、CSS测试 HTML5支持和js符合性测试 （1）Acid2测试
IE
Firefox
TVOS
文字渲染速 度测试
326ms
484ms
92ms
性能测试（3）
3.网络测试 • 测试网站： http://www.browserscope.org/network/test Browserscope 是一个开源项目，用于测试Web浏览器的性能，如 程序概要分析，存储和收集crowd-sourced数据等。 测试方法：打开测试网站，点击“Run the Network Test”,测试完 成后点击“Compare your Network Test results”，在下一个页面 的表格里可以看到Network的分数，记录即可。 • 将测试结果填入下表中。
CSS渲染速度
测试方法：
• 登录http://nontroppo.org/timer/csstest.html； • 点击页面上的“Click Here…”，屏幕上会弹出测 试结果窗口，记录上面显示的时间。时间越短， 成绩越佳。
常规页面性能
测试方法：
• 登录http://nontroppo.org/timer/； • 测试立即开始，待页面显示完毕，右上角会显示 三个数值，记录下“First Access”的值。
IE Firefox TVOS
Peacekeep er性能测试
1660分
623分
显示出错页 面，测试不 通过
速度专项测试（1）
1.专业环境测试
• 此测试分为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渲染速度 • 测试页面：http://nontroppo.org/timer/tabletest.html 文字载入速度 • 测试页面：http://nontroppo.org/timer/text.html
• 登录测试平台，点击页面下方的“Start Now!”按钮进入测试页面。此测试时 间较长。特别是网络比较慢时，请耐心等待。待测试结束后，页面上会列出 详细的测试结果。我们只需记录总的测试时间即可。测试结果以毫秒为单位， 时间越短就代表使用设备及浏览器的性能越强。 • 将测试结果填入下面的表中。
IE
• 测试方法：
登录测试网站，耐心等待几分钟，网站就会给出测试结 果，记录测试通过的项数。在测试结果中，通过的测试 项越多说明浏览器的CSS兼容性越好。
兼容性测试（4）
（4பைடு நூலகம்HTML5支持测试
• 众所周知，HTML5是未来网页架构趋势，基于HTML5的Web服务越来 越多。为避免在浏览、使用HTML5网页时受阻，就需要了解浏览器对 HTML5的支持度如何。HTML5 test就是个测试浏览器对HTML5的支持 效果的网站，其测试项目非常详细，专业度很高。 • HTML5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对 于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。得分越高，对HTML5的适应性和兼容程度就越高。 • HTML5测试网站：http://www.html5test.com • 测试方法：
三种浏览器的评测与比较
实验目的
分析3种浏览器的功能特点和性能差异。
实验软件
实验所需软件
• IE9.0 • Firefox v14.0.1 • TVOS浏览器
实际测试
通过以下几个主要方面的测试，分析三款浏 览器是否满足需求：
• • • • 兼容性 性能 速度专项测试 广告拦截能力测试
本实验采用以下方法进行测试：
http://test262.ecmascript.org/default.html# 测试方法： 登录测试网站，点击导航条上的“run ”，点击测试页面中的“Start” 即可开始测试，记录出错项数，出现的错误越少说明浏览器越符合 JavaScript符合性规范。
兼容性测试汇总
将以上五项兼容性测试的数据填入下表进行汇总。
IE
Firefox
TVOS
Javascript V8 性能测试
2876分
6739分
测试过程进行到70%80%时会黑屏一会儿然 后自动显示主界面
性能测试（1）
dromaeo用于测试JavaScript 、DOM 以及JavaScript Library 的能力；拥 有大量的测试类型，其中大部分用于分析DOM 和JavaScript 库的性能。 • 测试网站： http://dromaeo.com/ • 测试方法：打开测试网站，点击“Run Recommended Tests”，在下 一个界面中点击“Run”,记录分数。Dromaeo的测试结果是以浏览器 每秒运行数据统计的，因此积分越高浏览器性能越优异。 • 将测试结果填入下表中。
能（特别是递归的性能）。
Dromaeo • 用于测试JavaScript、DOM以及JavaScript Library的能力；拥有大
量的测试类型，其中大部分用于分析DOM和JavaScript库的性能。
性能测试（1）
测试方法：
• 测试采用SunSpider性能测试平台；
测试页面：http://www2.webkit.org/perf/sunspider-0.9/sunspider.html
IE浏览器
Firefox浏览器
TVOS浏览器
Acid2测试 Acid3测试
通过 100分，通过
通过 100分，通过
显示出错页面，不通过 25分，不通过
CSS兼容性测试
HTML5支持测试 Js符合性测试
通过41项
138分 Fail：475
通过41项
345分 Fail：165
显示出错页面，不通过
344分 测试无法进行
Javascript解析速度
测试方法：
• 登录http://nontroppo.org/timer/progressive_raytracer.html； • 点击页面上的“Full Render”按钮，开始测试，待测试完 后，右上角会显示测试结果，记录下该结果。
HTML页面加载速度
测试方法：