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

使用chrome调试android前端页面

时间:2015-05-11 18:07:27      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:前端   调试   android   

移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。
但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?

下面介绍一种针对android机的调试方法


1. 在pc和android手机上都安装最新版本的chrome

2. 使用usb将手机的PC相连接

3. 手机中打开“设置”->"开发人员选项"->"USB调试"
技术分享   技术分享

4. 打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices
选中discover usb devices。可以看到我们的手机设备,如下图所示:
技术分享

5.在手机侧chrome中访问页面
比如:m.haha.sogou.com
同步的,我们会在pc侧的chrome上看到到手机侧访问的页面,如下图所示
技术分享

6. 点击上图中的inspect, 熟悉的调试界面出现!
技术分享

注意图中右上角的手机图标,点击后,效果更加酸爽。手机打开的页面被直接拉到pc上显示了。调试更加事半功倍!
技术分享



使用chrome调试android前端页面

标签:前端   调试   android   

原文地址:http://blog.csdn.net/qmhball/article/details/45645049

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