BrowserStack一次檢視網站在各瀏覽器以及裝置上的顯示效果 !

其實筆者對於撰寫CSS對於各種瀏覽器版本的相容性 , 一直覺得這是網頁設計中最辛苦的工作 , 因為你必須要具備非常完整的 CSS 知識 , 才有辦法針對新式瀏覽器或舊式瀏覽器來撰寫通用且不會出現錯誤的網站視覺效果 !

相信大家都知道Dreamweaver是一套非常優秀的網站開發工具 , 2013年以前Adobe有一個非常方面的服務叫做 Adobe BrowerLab , 可以在這網站上檢視你的網頁設計作品在各個瀏覽器上呈現的效果 , 讓你可以快速的一次Debug , 不過 Adobe BrowerLab 已經在今年3月時關閉服務了 ! 不過別灰心 , 在這邊筆者推薦大家一個比 Adobe BrowerLab 更優秀的線上網頁檢視工具 「BrowserStack」, 國外網頁設計大師級人物 John Resig 、Chris Coyier 以及 Paul Irish 一致強力推薦喔 !!

BrowserStack

          DEMO

剛開始進入BrowserStack網站時 , 需要先申請個帳號, 才可以開始使用他們的服務 , 申請帳號請點選右上角「Free Trial」按鈕 (或是首頁中間右側直接填寫註冊也可以) , 填寫網址、密碼、用戶名就可以快速完成註冊開始使用了 !

使用部分也相當簡易 , 將你想要檢視的網站網址 , 貼入網址後選擇作業系統以及要檢測的瀏覽器版本就可以即時檢視囉 !!

目前支援Windows XP ~ Windows 8 以及 Apple 可使用的所有瀏覽器 , 另外也支援Android 以及 IOS系統的手機畫面檢視 , 對於製作響應式網站絕對是個不可或缺的利器 ..