在開發設計網頁時,就必須考慮到不同的瀏覽裝置的檢視狀況,
以前都傻傻的直接在裝置上瀏覽,結果後來發現原來google大神早就幫我們準備好了工具,而且還內建在Chrome瀏覽器裡面。
可以模擬的裝置包括 IE7~9 , Firefox, iOS, Anddroid , BlackBerry...
而在行動裝置的模擬上,還加上了螢幕解析度模擬、地理位置模擬、陀螺儀三軸模擬...
真的是佛心來的!!
廢話不多說,以下說明如何找到這個功能,以及如何使用:
開啟Chrome瀏覽器後,點擊上圖箭頭方向的按鈕 工具=>開發者工具 |
再點擊右下角的齒輪按鈕 |
點選左方Overrides,開始進行相關設定 |
沒有留言:
張貼留言