2008年7月25日

測試一下顯示狀況

嗯,有好一陣子沒有注意部落格在各大瀏覽器下的顯示狀況了。 一直以來都有對部落格有些斷斷續續的小修改,包括昨天又加上了 text-shadow 和其他一些介面上的修飾,但都純粹是用我慣用的幾個瀏覽器做測試而已,我想也應該來檢查一下對於其他瀏覽器下的顯示狀況了。 不然要是在 某E 瀏覽器下出大包那可就慘了..... 囧"

  • Konqueror

Konqueror Snapshot

這是我相當喜愛的瀏覽器之一,所以當然囉! 怎麼能讓它顯示出包呢? 外加 KHTML 又是個相當優秀的排版引擎,所以不負眾望(?)的他也給我顯示的相當完美。 不過之前由於一點點安排上的錯誤,所以說會造成 Konqueror 在顯示文章標題時格式消失,不過還好只是點小問題,已經修復囉!上圖就是使用 Konqueror 4.1 RC1 顯示出來完全正確的畫面, perfect show!

  • Opera

Opera Snapshot

這是 Opera 9.51 ,雖然中文字體渲染並不好看(老問題),但是基本上 Opera 9.51 顯示出來的也都是 100% 正確的喔! 果然是高標準規格的瀏覽器呀! 雖然 Opera 在某些方面的確有些過度講究。

  • Safari

Safari Snapshot

因為沒有蘋果電腦,所以使用的是 Windows 版的 Safari 3.1.2 下去做測試,其中 Safari 也是少數可以完全正確顯示的瀏覽器,雖然 WindowsSafari 顯示的字型幾乎比 Opera 還醜。 使用的是 AppleWebKit 衍生自 KHTML 。

  • Mozilla Firefox

Firefox Snapshot

再來就是目前相當火紅的 Mozilla Firefox ,採用 3.0.1 版本下去測的,代表目前廣大的 Gecko 係瀏覽器族群,包括 K-Meleon, Epiphany, Galeon, ... 等等。 不過它顯示起來是比較有問題的,因為 Gecko 1.9 還是不支援 text-shadow 的緣故,所以標題的陰影會顯示不出來,其他己本上沒啥太大問題。 不過如果是 Firefox 的話,可以靠 Text Shadow 這個擴充套件來外掛這個標準。 XD

  • Internet Explorer

Firefox Snapshot

這個問題就比較多一點點了,使用的是 Internet Explorer 第 7 版下去做測試,除了無法正確顯示搜尋框的半透明屬性外,標題的陰影也無法正確顯示。 而且實際測試的感覺上,瀏覽起來不太順,不過排版的結果是還好啦,除了上述提到的兩個問題外其他都有正常排版出來。 不過若你想要瀏覽的順暢一點,建議你換成上述表現較為優良的瀏覽器。

至於 IE6 ,也就是 Internet Explorer 6 ,標準支援度實在是...... 所以我不會、也不想去對它下太多功夫,事實上之前測試的結果也證實了 IE6 顯示本格還是有許多問題的(基本上是 IE6 對網頁標準支援極差導致),且這些問題基本上要解決相當的麻煩,因此 IE6 仍然保持在本格已知的「不支援名單當中」,所以也不會針對 IE6 進行相容性的測試,如果你仍然使用這個既過時、標準支援度又不佳的瀏覽器,建議盡早升級或更換。

所以總個來講,目前對於瀏覽器的顯示情形可歸類為下表(以下標示為確定可顯示的最低版本):

  • 可完全正常顯示:
    • Konqueror 4.1 - KHTML 4.1
    • Safari 3.1.2 - Apple WebKit 525.21
    • Opera 9.5 - Kestrel
  • 大部份顯示正確:
    • Mozilla Firefox 1.5 - Gecko 1.8
    • Internet Explorer 7 - Trident
    • Konqueror 3.5 - KHTML 3.5
  • 確定會有問題
    • Internet Explorer 6 以下 - Trident

沒有留言:

張貼留言

請注意,在較舊的文章留言並不會馬上出現在回應區!

Site Meter