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

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

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

image

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

image

 

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

 

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

 

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

转载于:https://www.cnblogs.com/naoguazi/p/3842989.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值