2012-07
7

当下页面测试对比IE今昔

By xrspook @ 20:53:11 归类于: 烂日记

今天很无聊地又在虚拟机里装了一个自带IE6的XP。用的版本是(修正)金狐XP SP3 (IE6/IE8,GHO/WIM) 极致系列[4+1+1] 【唯美之最,快稳兼备】。安装很顺利,到现在为止我已经在虚拟机里安装第4个XP,第7个Windows系统了。

家里这台WIN7里有2个虚拟系统,一个是金狐的龙祥XPIE8一个是金狐修正XPIE6,开机和关机速度差不多,但开机的话,IE8的要快一点,但差距在5秒内。

你还记得IE6的icon么?左边的就是了,浅蓝色的E标志,右边的是IE8,有条黄色的带子。我还记得IE5是普蓝色没有渐变的,但IE7呢?完全没印象…… IE9的标志也是浅蓝色渐变加黄色带子,但那种立体感和IE8完全不同,E更大,更平面。

同样是纯净版,IE6和IE8的XP系统占用空间一样大。

哈哈哈,打开IE区别就明显了。IE6,把margin和负数定位视都不见。

久违了,好久好久好久都没见过IE6的标志,看到IE6,我想起那个Windows 98和Windows XP的过渡系统Windows Me。IE6曾几何时是XP的标配啊!

系统占用量,IE6比IE8少19MB。但说你也不信,它们的打开速度和载入完全速度是一样的!

仔细看进程,发现除了二者必须有的IEXPLORE.EXE外,IE8还有另外一个IEXPLORE.EXE,而那个进程就13MB了。为啥呢?我记得打开同样页面的时候IE8曾试图弹出一个窗口,那是电信ADSL的广告,但被我关掉了,难道是那个的?还是因为IE8有了选项卡功能导致2个IE进程?

无接缝界面看看IE们。

杯具的IE6啊~~~标题导航栏完全无视filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);难道IE6很傻很天真地只允许每页面使用一个滤镜?各种margin问题,用div做的hover也无法实现。除此以外,正常阅读是不受影响的,因为正文没啥花俏东西。IE6,纯粹是格式类丑一点而已。

IE8,相比IE6好多了,margin正常,hover正常,不正常的就只剩下CSS3效果——圆角、阴影等。啥?你已经觉得这已经很正常了,不知道原来这个网页还有更正常的效果?

我们用IE9来了看看吧!当然了,到现在为止IE9只能在Vista或以上系统运行。

IE9,在界面上更简洁的浏览器!默认没有菜单栏,默认标签页,默认刷新、暂停、搜索融入到地址栏。这么简洁的构造让IE的正文空间更加大。对比IE6、IE8和IE9,你会看出区别的!

对头,这就是IE9的效果!

这也是Chrome和Firefox里看到的效果。圆角、虚线(中间滑动标题导航的地方);标题和描述下的那些导航标签有半透圆角按钮效果;页面导航按钮有阴影效果。这些都是IE9支持的CSS3做出来的。

老天啊,跨越了4代的IE才正常表现出了我要展示的东西,情何以堪。不过,如果用10年前的浏览器去测试,它们也不可能做到。(Chrome肯定没有10年,Firefox好像也没有吧……)

今天下午睡了5个小时,因为感觉没事干,现在有点痴呆,但非常满足。

有话要说

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress