搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 HTML/CSS 語法 BrowserStack一次檢視網站在各瀏覽器以及裝置上的顯示效 ...
byadmin 發表於 2013-6-5 19:49:00 , 4139人已閱讀 , 0人回應
其實筆者對於撰寫CSS對於各種瀏覽器版本的相容性 , 一直覺得這是網頁設計中最辛苦的工作 , 因為你必須要具備非常完整的 CSS 知識 , 才有辦法針對新式瀏覽器或舊式瀏覽器來撰寫通用且不會出現錯誤的網站視覺效果 !

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

BrowserStack

BrowserStack



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

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

網站檢視畫面.jpg


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

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.041389 second(s), 42 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-12-6 23:16

回頂部