五月
30
2007

看看你的網頁在各版本瀏覽器的長相

幾乎所有接觸到網路相關工作的人都會有這樣的經驗,
明明設計很精美的網頁,在換了另外一種瀏覽器之後,就整個毀掉了.

最近的例子就是我在前幾天請大家避免使用IE6來瀏覽阿維雜記本,
後來我發現瀏覽的使用者居然有55%是使用IE6,
在這樣的情形之下,不得不修正CSS讓IE6所呈現出來的畫面也能夠正常.

但是解決了一個IE6,其他種類的瀏覽器看阿維雜記本的效果又是如何呢?
總不能每種瀏覽器都裝,然後來看呈現的效果吧.
如果你跟我有一樣的困擾,我們的救星出現了.

我今天在Goston’s Blog > [資訊] 看看網頁在各種瀏覽器上的模樣 – ScreenShots.jp這篇文章,
所看到的 ScreenShots.jp 正是我們的救星,

ScreenShots.jp 不僅可以了解使用Windows平台的瀏覽器觀看的效果,
還可以了解使用Macintosh(麥金塔)平台的瀏覽器觀看的效果.
現在支援的瀏覽器有

Windows 平台

IE 7.0

IE 6.0

IE 5.5

IE 5.0

Netscape 7.1

Firefox 1.0

Firefox 1.5

Firefox 2.0

Opera 9.2

Opera 8.0

Macintosh 平台

Safari 2.0

Firefox 2.0

Opera 9.2

除了瀏覽器的種類選擇外,在畫面的左下角還可以選擇畫面解析度,
不過目前提供的只有1024×7681280×1024這兩種比較高的解析度.
輸入網址和選擇完瀏覽器和解析度之後,只需要按下Shots 按鈕就可以立刻看到結果,完全不需要等待.
使用上相當的方便,不會有操作上的困難.

我使用這個工具來檢測阿維雜記本的顯示狀態,
結果只有Windows 平台下的IE 5.0和IE 5.5會發生畫面爆炸的情況.
其他所有的瀏覽器都是正常顯示的.
至於我會不會為了IE5.0 和 IE5.5去修改CSS呢?
放心我保證不會為了他們兩個再去修改,
因為現在應該沒有在使用這兩個版本的瀏覽器了吧.
如果有的話,那我也就認了…..趕快去升級你的瀏覽器吧.

Comments are closed.