目录

用android-studio模拟器,模拟安卓手机访问网页,使用Chrome-开发者工具查看控制台信息

用android studio模拟器,模拟安卓手机访问网页,使用Chrome 开发者工具查看控制台信息

web 网页项目在安卓手机打开时出现问题,想要查看控制台调试信息。记录一下使用android studio 模拟器访问的方式。

步骤如下:

1.安装android studio,新增虚拟设备(VDM- virtual device manager)

https://i-blog.csdnimg.cn/direct/756204367f7b433d8e59ecca9c361b7d.png

点击Virtual Device Manager后会出现一个虚拟设备管理界面,在界面中新增虚拟设备,可以选择设备大小类型、API和Service,如下图:

https://i-blog.csdnimg.cn/direct/a8542692cbe84f9cbd4b11a644218116.png

选好参数后,点击Finish管理界面就会新增一条设备信息。然后点击信息行右边的三角形图标即可启动该设备

https://i-blog.csdnimg.cn/direct/c1b4dc2487924331a3802081efad857b.png

启动后出现手机模样的小弹窗:

https://i-blog.csdnimg.cn/direct/ad7493f8d50f4ad787d884c1aa8edd65.png

在浏览器中输入需要测试的URL即可模拟出手机上访问的效果。

2.使用Chrome浏览器的开发者工具查看网络请求

打开Chrome 浏览器,地址栏输入 chrome://inspect/#devices ,找到目标安卓虚拟设备,点击inspect或inspect fallback

https://i-blog.csdnimg.cn/direct/8bc9682274bb4dda9b69f1e2d7ddbd87.png

点击之后,浏览器会弹出一个Devtools的Tab。便可以在这里查看控制台信息

https://i-blog.csdnimg.cn/direct/49cfdbdaec0740749bb4b90b52a964d0.png

End.