Chrome瀏覽器,相信大家並不陌生,該瀏覽器是基於其他開放原始碼軟件所撰寫,包括WebKit和Mozilla,以其簡單、快速、安全、穩定、擴展豐富等特性受到了不少人的喜愛,2012年8月6日,Chrome已達全球份額的34%,成使用最廣瀏覽器。
Chrome瀏覽器提供了非常簡單方便的開發人員工具,方便我們在PC端做手機開發,那么如何是如何在PC上做簡單的手機頁面開發呢?
首先下載chrome最新版本版本 24.0.1312.56(有些舊版的缺少一些功能,建議更新到最新版本),然后在Chrome瀏覽器中打開某個頁面,選定網頁元素(如通欄、文字、圖片等),按鼠標右鍵,從右鍵菜單中選擇“審查元素”,就可以打開Chrome瀏覽器的開發人員工具,快捷鍵為“Ctrl + Shift +C ”,也可以直接按F12,可看到如下界面:
簡單手機開發從這里說起猛擊開發人員工具右下角的“設置”按鈕,展現如下圖:
選擇overrides
然后可以選擇你的開發系統和設置屏幕尺寸
搞定~