CSS样式表
CSS兼容性测试需要通过CSS3 Selectors Test这款工具进行,包含41个CSS选择器,这41个选择器中又包含574个具体测试项目。测试工具会检测浏览器是否兼容所有CSS选择器及所有具体测试项,并将不兼容的项目标注出来。需要说明的是,由于测试工具无法模拟用户交互,所以CSS3 Selectors Test不包含交互式性能的测试。
浏览器名称 | CSS兼容性测试 (满分574) | 评测得分 |
IE9 | 574 | 10 |
Chrome | 574 | 10 |
Firefox | 574 | 10 |
Opera | 574 | 10 |
Safari | 574 | 10 |
搜狗浏览器 | 574 | 10 |
QQ浏览器 | 574 | 10 |
傲游浏览器 | 574 | 10 |
8款浏览器CSS兼容性测试结果
测试点评:
在本项测试中,得分越高说明浏览器的CSS兼容性就越好。将三款双核浏览器都切换到非IE内核时,8款浏览器对CSS的支持度都很完善,574个测试项全部通过。但在IE内核下,三款双核浏览器都只能通过327个测试项。
ACID3基准测试 满分背后暗藏玄机
Acid3是针对网页浏览器及设计软件标准兼容性的测试工具,是目前Web基准测试中最严格的,对对DOM和JavaScript都有严格的约束。Acid3的测试重点在于浏览器的DOMScript、CSS渲染及SVG等能力。
在浏览器中打开测试页后就会自动开始加载,并实时给出评分,只有分数达到满分100才能通过。三款双核浏览器在IE内核下无法加载测试页面,因此仅对这三款浏览器在非IE内核下的结果进行采样。
浏览器名称 | ACID3基准测试 | 评测得分 |
IE9 | 100 | 5 |
Chrome | 100 | 5 |
Firefox | 100 | 5 |
Opera | 100 | 5 |
Safari | 100 | 5 |
搜狗浏览器 | 100(非IE内核) | 5 |
QQ浏览器 | 100(非IE内核) | 5 |
傲游浏览器 | 100(非IE内核) | 5 |
虽然8款浏览器在Acid3基准测试中都获得了满分,但仔细观察测试完成后生成的图片,还是可以看出差异。首先来看一张正确的截图: