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 怎么装` `看着不错呢

  • 我也没装上啊 💡

  • 怎么回事突然黑屏了

  • 福娃发

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