[檢測]網頁設計必備武器 - 網站瀏覽器環境測試

  做為一個網頁設計師,除了設計出一個美觀好看以及客戶喜歡的網站以外,還要站在使用者的角度出發,測試不同的瀏覽器讓每個不管來自何處的使用者,都可以看到美美的網站,但是一台電腦能裝遍所有的瀏覽器嗎?想必這個答案應該是不能,即使現在Apple上的safari都有windows版本,但是依然有些瀏覽器不能使用在其他平台,以使用者所使用的瀏覽器分析去看,主要還是IE為超大宗,所以設計師通常至少會做兩種瀏覽器測試那就是IE 跟 Firefox,但是IE 還有分IE6與IE7一台電腦不可能存在於兩種IE,所以,網頁設計師該怎麼辦?


  Broesershots.org,可以幫你測試你所設計的網站在各種瀏覽器會是什麼樣子,並且把它抓成圖讓你檢查你的網站在這些不同的瀏覽器中會是什麼樣子,簡單的說就是幫你做好瀏覽器相容性測試,在抓成圖片讓你看清楚,是個不錯的瀏覽器相容性測試工具喔!你需要測試瀏覽器環境嗎?試試看這個網站吧!
簡易文字教學:
1開啟Broesershots.org,在最上面填上你的網址(EX:http://nowills.blogspot.com/),如果你有特殊需求可以自行勾選你需要的瀏覽器,預設選項對我來說就很夠用了,確定好後按下"Sunmit"!
2接下來會出現一個讓你覺得莫名其妙的頁面,上面會寫請你等X分X秒,請稍等的兩三分鐘後按"重新整理"(快速鍵F5),下面就會出現縮圖囉,那些縮圖是可以按的,按進去後你就會知道你的網站在各瀏覽器的狀況囉!
附註:他很貼心的設計了上一個下一個的按鈕,讓你不用回到先前等待的頁面就可以繼續檢查下一個瀏覽器環境,整體來說是不錯的工具喔
Share on Google Plus

About Nowill Chang

擔任過視覺設計師 、資訊架構師、資深前端工程師、PHP後端工程師、資深創意企劃、專案經理與社群產品經理等相關職位,目前任職於 品禾全端網路工作室經營著 Nowill Design團隊,最新身份為創業家,持續專注在網站開發技術與跨平台介面操作上。
    Blogger Comment

0 意見: