前陣子丫湯曾經介紹過『IETester』這套網頁測試用的瀏覽器,但只有IE的綜合版本,那如果其它瀏覽器的版本呢?總不是一個個的裝吧,許多瀏覽器不管新的舊的總是都有人在使用,因此我們要照顧廣大的訪客們,不管用什麼丫哩丫雜或是火星來的瀏覽器,我們通通都要知道我們的版型在這些瀏覽器下有沒有什麼大問題,這次我們不需要加裝軟體,只要利用線上工具『Browser Shots』就可以幫你照下網站在不同的瀏覽器中顯示情況哦。
原本在上次介紹IETester就想要一次搬出來寫一寫,不過大家都知道丫湯是個懶人,所以只好分開寫啦,可以多一篇文章,其實是要讓大家慢慢吸收啦。
BrowserShots瀏覽器照相工具:
瀏覽器的種類及版本幾乎包了全部的類別,目前共提供了超過90種的類別可勾選
這網站使用的方式非常簡單,進入到網站後,輸入你想照相的網站,再勾選瀏覽器版本,建議不用勾太多,勾選目前較常用的幾種版本即可,選擇完畢後再點擊〝Submit〞
等全部截取完畢後,會出現以下畫面,點擊你的網站進入觀看瀏覽器的全部截圖
這是丫湯剛勾選的一大堆瀏覽器,就這樣輕輕鬆鬆一次就都呈現了出來,也不用再裝軟體,你就可以注意看看有沒有哪一種瀏覽器版型顯示有問題,但因為這網站他本身設定的有一些似乎沒有支援繁體中文,不過沒關係,因為我們重點是要看版型有沒有跑位或破圖,如果不想線上觀看,也可以點擊右下的(Download screenshots)下載到電腦上來慢慢研究啦。
其它選項:
一開始在選擇瀏覽器時,下方還有一些選項可以選擇,像是畫面寬度、顏色位元數、Javascript版本、Java版本、Flash版本,這些選擇則是針對電腦上的屬性做選擇,如此一來不僅可以看瀏覽器的效果,也可以看看網站如果因為主機的環境不同所呈現的不同,真的是很貼心。
Fu 不錯喲.呵呵,DOWN下來看看。
葛葛,你少打了「還好ㄚ湯帥氣的臉沒變形xD」 :as16
雖然說沒支援繁體中文的瀏覽器亂碼的很嚴重,
如果本身是英文(無繁體中文)的網站對於所有的瀏覽器都可以大小通吃 :as57
坐坐看…
是不是沙發呀
:as29