移动端调试 — 安卓机+chrome

非淡泊无以明志,非宁静无以致远。这篇文章主要讲述移动端调试 — 安卓机+chrome相关的知识,希望能为你提供帮助。
移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。 
但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?【移动端调试 — 安卓机+chrome】下面介绍一种针对Android机的调试方法
1.  在pc和android手机上都安装最新版本的chrome 2.  使用usb将手机的PC相连接 3.  手机中打开“设置”-> "开发人员选项"-> "USB调试"

移动端调试 — 安卓机+chrome

文章图片
4.  打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices 选中discover usb devices。可以看到我们的手机设备,如下图所示:
移动端调试 — 安卓机+chrome

文章图片
5.在手机侧chrome中访问页面 比如:m.haha.sogou.com 同步的,我们会在pc侧的chrome上看到到手机侧访问的页面,如下图所示
移动端调试 — 安卓机+chrome

文章图片
6.  点击上图中的inspect, 熟悉的调试界面出现!
移动端调试 — 安卓机+chrome

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

    推荐阅读