在GOOGLE瀏覽器中模擬移動瀏覽器 調試Web app

在此記錄下,以便在從此的工做中用到。web

首先經過F12 or Ctrl+Shift+i,打開開發者工具,點擊開發者工具面板的image (show  drawer)按鈕,出現以下圖所示的面板:chrome

image

切換至Emulation選項卡中,在這裏咱們就能夠自由地模擬各類各樣的移動瀏覽器了,該功能支持了包括iPhone、ipad、google nexus系列等機型。瀏覽器

image

 

感興趣的同窗趕忙去試試吧。你會發現chrome是最好的web app開發利器。app

 

舒適提示:須要在chorme 32版本後,纔有些設置哦。ide

 

最後還給你們推薦一款好的能夠替代dreamweaver的軟件,它的名字叫:HBulider,我的很喜歡使用這款IDE工具,我使用的dreamweaver cs 6常常CPU高達20%多,感受不爽。而使用HBuilder不會,最關鍵的是不比dreamweaver差,並且用起來舒服工具

相關文章
相關標籤/搜索