Win下网页各版本IE调试利器:Internet Explorer Collection & IETester

IE不严格遵循W3C网页标准是个很让人头疼的问题,可是作为一枚网页设计师我们又不能不考虑IE这么广大的用户群。但是同时IE的版本又如此多,用XP系统的用户大部分可能用的都是IE6,而随着Vista的推广以及微软的补丁推送式推广,IE7占的比重也开始增大,现在又出了IE8,而你要知道,这三个普遍的IE版本所浏览的页面的效果还是有区别的。可是一个系统不能同时装三个不同版本的IE。这可怎么办?

早前的做法是XP+IE6+绿色版IE7/Vista+IE7+绿色版IE6,之后出现了一款牛掰的软件叫做IETester,如今又蹦出来了一款叫做Internet Explorer Collection的软件,挺这名字就知道听牛的。果不然,他支持的浏览器涵盖了IE各历史发行版本。
– Internet Explorer 1.0 (4.40.0.308)
– Internet Explorer 1.5 (0.1.0.10)
– Internet Explorer 2.01 (2.1.0.46)
– Internet Explorer 3.0 (3.0.1152)
– Internet Explorer 4.01 (4.72.3110.0)
– Internet Explorer 5.01 (5.00.3314.2100)
– Internet Explorer 5.5 (5.51.4807.2300)
– Internet Explorer 6.0 (6.00.2800.1106)
– Internet Explorer 7.0 (7.0.5730.13)
– Internet Explorer 8.0 (8.0.6001.18241)
Release Date: Friday, August 29, 2008

且该软件还在不断开发当中。软件主页 http://utilu.com/IECollection/ 有趣的事,他们的主页上有这么一句话,Internet Explorer is a webbrowser based on the Trident render engine, which does not follow the W3C Web Standards. 看来作者对于IE也是相当的无奈。

在此之前我一直用IETester调试各IE版本,可是公司电脑装的是XP系统,想要用IETester调试它所支持的各个IE版本的话必须把系统的IE版本升级为7.0,这一度使我很困惑,IE7从点开图标到窗口完全打开可耗费了不少时间,况且本身我们的网页设计的重点受众是IE6,所以把系统的IE升级为7版本而调试IE6的时候打开IETester很是麻烦,因为IETester不支持登陆,并且对js之类的支持都还不是很完美。如下图所示,在xp+IE6的状况下,IETester并不能调试IE7下的浏览效果。

IETester

如今,Internet Explorer Collection的横空出世,再也不用担心此类的问题。(怎么听着像是ad)

IE Collection

以下是各版本IE访问google.com的显示效果,选用google是因为它的页面简单,涉及的css相对不会太多,看起来至少还有样子…虽然我并未遇见过早于IE5.5,但是瞅著那样子,还是挺怀旧的。

IE1.5
IE1.5 呃,这么多未被解析的代码

IE2.01
IE2.01 总算是少了点了,也没有了奇怪的字符乱码

IE3.0
IE3.0 代码可算是都被解析了,可是css还是有问题的

IE4.01
IE4.01 更加正常了,同时关于浏览器版本的介绍也有了彩色图标

IE5.01
IE5.01 越来越正常,同时可以读取你系统中的IE的cookie了,请注意右上角的图标,已经越来越好看了

IE6

IE7

IE8
IE8据说很不错,至少从外观上相对于IE7那个突兀的颜色渐变的标签条已经舒服多了,希望对W3C的网页标准支持得更好才是王道。

后记,题外话:现在家里用的是苹果系统,做网页应该是苹果系统的痛,因为mac下没有IE,每每都要开虚拟机进行调试,哎~不过个人的网页设计项目,我已经几乎不考虑IE用户了..

推荐一款同类在线的各浏览器显示效果查看网站:http://browsershots.org/

  • 我现在对ie 尤其是ie6有很深的怨念, png不能用 界面搞得乱的一塌糊涂的。。
    之前还没有感觉,等到真的自己做起来项目的时候不能用png要失去多少效果,还有更多的不支持的就不细说了。。
    现在是坚决的FF阵营了,用ie6的,下面的项目统统无视吧。。。。。

  • @plidezus:看我的侧边栏加入了StopIE标签哈哈~

  • 这个功能够强大。不过大多ie的版本已经绝迹了,没有人使用了!

  • 好吧我刚看到。
    今天遇到一问题,在ff下面textarea为啥不会自动换行啊?看了很多方法似乎没有一个试验成功的……该怎么搞呢?发现你这个留言框就没有类似的问题……

  • @popdo:对阿,IE5.5的几乎不考虑在内了,一般只考虑IE6、7、8三个。
    @plidezus:你的blog的textarea不是也可以自动换行么..

  • 1。0都出来了!!强大!!
    这个软件我得试试,放入推荐!!

  • 是我在做的一个东西 love.3736.cn 点那个江南恋人的插件。。。
    很诡异第一次弄css 呵呵 劳烦了

  • @plidezus:真情告白?那里可以换行阿~

  • 啊?竟然好了唉,估计是我那个做程序的朋友改好了吧,我给他留言了呵呵,这个东西我是只负责界面设计和一些css修改,第一次操刀来调整css的玩意好多都不会的说。

    另,年后了想换工作做交互设计,有什么建议没有嘎~~
    明天火车回家,估计要过两天才能上网看了呵呵~

    十分感谢~

  • linwu

    sigh。。。表单还是无法输入啊??

  • @linwu:可以阿,我现在就是用IE collection里面的IE7登陆后给你的回复~

  • 我还是用IETester吧。。。

  • @Jinwen:忽然发现原来IETester也是可以登陆了的。

  • 鹤庭逸

    施主,这个调试工具一点也不好用,BUG太多,老衲安装了以后,打开IE8,直接贴上地址,居然提示“标签崩溃,以恢复“的英文提示,还是IE Tester比较稳定。。

  • @鹤庭逸:….我一切ok阿~

  • 网页设计师的噩梦。。
    我现在针对IE只调IE6和IE7,当然,更多情况下已经不管IE6了,可惜IE6更新IE7的进度也太慢了。。

  • @neekey:这时候我倒希望微软强制升级IE6了。

  • 😐 怪怪“` 我下载的 说要 password 怎么装` `看着不错呢

  • 我也没装上啊 💡

  • 怎么回事突然黑屏了

  • 福娃发

    ??????????????????????????????????????????????????????????