2013年5月16日 星期四

Chorme 開發者工具 ─ 模擬各種裝置的瀏覽器

現在行動裝置眾多,且每個尺寸都不一樣...

在開發設計網頁時,就必須考慮到不同的瀏覽裝置的檢視狀況,
以前都傻傻的直接在裝置上瀏覽,結果後來發現原來google大神早就幫我們準備好了工具,而且還內建在Chrome瀏覽器裡面。
可以模擬的裝置包括 IE7~9 , Firefox, iOS, Anddroid , BlackBerry...
而在行動裝置的模擬上,還加上了螢幕解析度模擬、地理位置模擬、陀螺儀三軸模擬...
真的是佛心來的!!

廢話不多說,以下說明如何找到這個功能,以及如何使用:

開啟Chrome瀏覽器後,點擊上圖箭頭方向的按鈕
工具=>開發者工具

再點擊右下角的齒輪按鈕
點選左方Overrides,開始進行相關設定

沒有留言: