Heero's Blog

Heero's Blog » 前端开发

IE9预览版简单试用

下载安装

今天一早回到公司上网就发现微软在Test Drive网站发布了IE9预览版,地址是 http://ie.microsoft.com/testdrive/ 。虽然我很想尝鲜,但是也担心这个预览版会把系统内的IE8正式版给覆盖了。后来在FAQ里面发现,预览版本不会覆盖其他浏览器,但是会共享IE8的一些设置。要注意的是,IE9预览版只能在Vista SP2以上版本的系统上安装。

安装包共14.2M,安装好以后,桌面上就多了一个“Internet Explorer Platform Preview”的图标。与IE8的图标相比,就是多了右下角的标签和箭头。

IE9预览版图标

双击图标打开IE9后,马上就跳转到Test Drive,此时内存占用为14M-15M。虽然是预览版,但是这个界面也太简洁了,地址栏都没有,要依次按“Page”、“Open”才能输入URL。

IE9预览版界面

测试Demo

Test Drive提供了好些Demo,这里挑选两个进行测试

Flying Images

Flying Images

这个Demo是一堆浏览器图标在进行3D变换。我想看看页面源代码,但是找不到这个选项。还好预览版中有开发人员工具。从源代码中可以发现,这个Demo只是用普通的HTML结合Css和Javascript来做。

Flying Images HTML代码

Flying Images 总体结构

按理说Javascript做这些3D变换的效率是比较低的,但是打开这个页面以后,CPU占用率只有1%-5%,而动画的帧速在64fps左右,非常流畅。下面用Firefox打开这个页面,帧速在48fps左右,但是CPU占用率已经到达了40%-50%,点击“zoom in”放大以后,帧速已经跌倒了12fps左右。在Chrome下的测试结果更是惨不忍睹,有兴趣者自己去折腾一下。

Firefox下的Flying Images

Falling Balls

Falling Balls

这个Demo的效果就是上图中的球(圆圈)往下跌。从开发人员工具中可以发现,页面用到的js非常多,其中就包括prototype库。那些球是用SVG做的。

Falling Images 外链Js

Falling Images中的SVG

点击“Drop the Balls”后,球开始下落,此时IE9的CPU占用率在43%左右。同样地,在Firefox中浏览这个页面,CPU占用率在50%以上,且动画效果很卡。

Falling Balls开始下落

其他

我在Demo的js程序中多次发现了“window.addEventListener”,后来经测试后发现IE9同时支持attachEvent和addEventListener,看来IE确实在往标准靠拢了。

评论 (共 5 条) 发表评论
发表评论
(必填)
(保密)
(必填) 点击更换验证码

(您发表的内容需通过审核才会显示)