在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差,并且用起来舒服工具

相关文章
相关标签/搜索