前陣子丫湯曾經介紹過『IETester』這套網頁測試用的瀏覽器,但只有IE的綜合版本,那如果其它瀏覽器的版本呢?總不是一個個的裝吧,許多瀏覽器不管新的舊的總是都有人在使用,因此我們要照顧廣大的訪客們,不管用什麼丫哩丫雜或是火星來的瀏覽器,我們通通都要知道我們的版型在這些瀏覽器下有沒有什麼大問題,這次我們不需要加裝軟體,只要利用線上工具『Browser Shots』就可以幫你照下網站在不同的瀏覽器中顯示情況哦。

04

原本在上次介紹IETester就想要一次搬出來寫一寫,不過大家都知道丫湯是個懶人,所以只好分開寫啦,可以多一篇文章,其實是要讓大家慢慢吸收啦。

BrowserShots瀏覽器照相工具:

網站位址:http://browsershots.org/

瀏覽器的種類及版本幾乎包了全部的類別,目前共提供了超過90種的類別可勾選

這網站使用的方式非常簡單,進入到網站後,輸入你想照相的網站,再勾選瀏覽器版本,建議不用勾太多,勾選目前較常用的幾種版本即可,選擇完畢後再點擊〝Submit〞

01

等全部截取完畢後,會出現以下畫面,點擊你的網站進入觀看瀏覽器的全部截圖

02

這是丫湯剛勾選的一大堆瀏覽器,就這樣輕輕鬆鬆一次就都呈現了出來,也不用再裝軟體,你就可以注意看看有沒有哪一種瀏覽器版型顯示有問題,但因為這網站他本身設定的有一些似乎沒有支援繁體中文,不過沒關係,因為我們重點是要看版型有沒有跑位或破圖,如果不想線上觀看,也可以點擊右下的(Download screenshots)下載到電腦上來慢慢研究啦。

03

其它選項:

一開始在選擇瀏覽器時,下方還有一些選項可以選擇,像是畫面寬度、顏色位元數、Javascript版本、Java版本、Flash版本,這些選擇則是針對電腦上的屬性做選擇,如此一來不僅可以看瀏覽器的效果,也可以看看網站如果因為主機的環境不同所呈現的不同,真的是很貼心。

05

Categorized in:

線上工具/服務,

Last Update: 2009 年 11 月 25 日