作者adamp3 (Boston's 10th Man.)
看板Web_Design
標題Re: [討論] 想問大家都怎麼設計網頁(解析度討論)
時間Mon Sep 8 01:03:35 2008
要測不同螢幕解析度和瀏覽器環境的話 可以用用看下面這個服務
http://browsershots.org/ (it's free!)
它提供的不同OS下瀏覽器各種版本 自由勾選
缺點就是要等一會 (選擇越多等越久)
最後會擷取網頁畫面成jpeg 可以下載下來使用
另外 如果你的網頁不是用utf-8編碼的話 中文部分可能會顯示亂碼
但只是要看排版有沒有亂掉 倒是沒有什麼關係
==
推文中提到要兼顧哪些瀏覽器的議題
倒是可以看看Yahoo Developer Network中的支援程度分級 (graded browser support)
http://developer.yahoo.com/yui/articles/gbs/
Win 2000 Win XP Win Vista Mac 10.4 Mac 10.5
Firefox 3.+ A-grade A-grade A-grade A-grade A-grade
Firefox 2.+ A-grade A-grade
IE 7.0 A-grade A-grade
IE 6.0 A-grade A-grade
Opera 9.5+ A-grade A-grade
Safari 3.1+ A-grade A-grade
#為美國Yahoo!的gbs
另外看看W3school所做的統計 2008年八月的數據 (只針對W3S的user)
2008 IE7 IE6 IE5 Fx Moz Safari Opera
August 26.0% 24.5% 0.1% 43.7% 0.5% 2.6% 2.1%
July 26.4% 25.3% 0.3% 42.6% 0.5% 2.5% 1.9%
June 27.0% 26.5% 0.5% 41.0% 0.5% 2.6% 1.7%
這是全球的數據 我相信在台灣大多數人還是使用IE系列居多
http://www.w3schools.com/browsers/browsers_stats.asp
順便也把螢幕解析度的使用情況po上來
Date Higher 1024x768 800x600 640x480 Unknown
January 2008 38% 48% 8% 0% 6%
January 2007 26% 54% 14% 0% 6%
January 2006 17% 57% 20% 0% 6%
可以看得出來1024x768(15吋)仍是多數
但17吋以上的螢幕越來越普及 不遠的將來勢必會成為多數!
==
目前來說 FF2.x、FF3.x、IE6、IE7、Opera9.5+(台灣較少人用)和Mac OS的Safari為主流
另外Screen reader比較沒有視覺上的排版問題
基本上遵守W3C的規定 和依照semantic(語意)正確且有結構地使用tag 就差不了太多了
至於Chrome呢?
可能還要等一陣子吧! 但基本上跟Safari是相去不遠的
可以參考針對Safari的一些hack
供原po和板友參考囉!
==
感謝chph提醒了我XD
--
○-
.∫
︻〔 我的二十歲/四十天美國自助旅行全記錄+球場觀察
║ 》
睡過車站 機場 還有旅舍交誼廳
║ 八座城市 七場大聯盟球賽
http://adamp3.myweb.hinet.net/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.168.40.217
推 superGA:firefox全球20%而已 w3schools那個統計只有他們網站 09/08 01:43
→ adamp3:感謝樓上提醒! 之前都未考證過:( 不過W3S的user應該都比較 09/08 08:49
→ adamp3:偏向於更能接受不同瀏覽器。 多少還是可以看出趨勢 09/08 08:50
※ 編輯: adamp3 來自: 118.168.40.217 (09/08 08:51)