android真机连接电脑用chrome调试网页,查看console日志输出,资源加载等。

1.首先打开手机的开发者选项,确保USB调试和通过USB验证应用程序保持打开状态,如图所示

2.手机和电脑上都下载chrome浏览器,版本要一致

3.打开电脑chrome,开启一个新tab,在空白处右键选择[检查]调出控制台

4.打开remote devices

5.设置discover usb devices

6.用数据线把android手机连到电脑,如果手机上有提示,都选择[是]。同时打开电脑和手机的chrome,如果连接成功在下面的位置可以看到链接的手机:

7.打开console观察手机页面加载情况

点inspect后打开下面窗口,可以看到手机上的画面,网页资源网络请求情况等。

参考: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=zh-cn