android手机web页面调试

开始页面会一直空白，查询资料发现是因为国内无法访问 https://chrome-devtools-frontend.appspot.com，所以采取更改HOSTS的方法，步骤如下：

1.打开C盘路径：C:\Windows\System32\drivers\etc\，找到hosts文件

2.打开hosts文件，在末尾添加

61.91.161.217 chrome-devtools-frontend.appspot.com

61.91.161.217 chrometophone.appspot.com

 

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上显示了。调试更加事半功倍！