码迷,mamicode.com
首页 > 移动开发 > 详细

在GOOGLE浏览器中模拟移动浏览器 调试Web app

时间:2014-07-14 19:29:01      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   使用   width   2014   

在此记录下,以便在今后的工作中用到。

首先通过F12 or Ctrl+Shift+i,打开开发者工具,点击开发者工具面板的bubuko.com,布布扣 (show  drawer)按钮,出现如下图所示的面板:

bubuko.com,布布扣

切换至Emulation选项卡中,在这里我们就可以自由地模拟各种各样的移动浏览器了,该功能支持了包括iPhone、ipad、google nexus系列等机型。

bubuko.com,布布扣

 

感兴趣的同学赶紧去试试吧。你会发现chrome是最好的web app开发利器。

 

温馨提示:需要在chorme 32版本后,才有些设置哦。

 

最后还给大家推荐一款好的可以替代dreamweaver的软件,它的名字叫:HBulider,个人很喜欢使用这款IDE工具,我使用的dreamweaver cs 6经常CPU高达20%多,感觉不爽。而使用HBuilder不会,最关键的是不比dreamweaver差,而且用起来舒服

在GOOGLE浏览器中模拟移动浏览器 调试Web app,布布扣,bubuko.com

在GOOGLE浏览器中模拟移动浏览器 调试Web app

标签:style   blog   http   使用   width   2014   

原文地址:http://www.cnblogs.com/naoguazi/p/3842989.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!