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

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

步骤如下:

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

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

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

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

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

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

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

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

End.

相关推荐
阿民_armin几秒前
移动端长列表「返回原位置」的完整实践
前端·javascript·vue.js
谜亚星5 分钟前
SVG学习(五)
前端·svg
WindStormrage6 分钟前
FormData 传递 JSON 数据的问题解决
前端
拖拉斯旋风6 分钟前
CSS Modules:现代前端组件化样式的安全边界
前端
张元清6 分钟前
告别 Promise.all 的依赖困境:better-all 如何优雅管理异步任务
前端·javascript·面试
程序员爱钓鱼27 分钟前
Node.js 编程实战:测试与调试 —— Mocha / Jest / Supertest 使用指南
前端·后端·node.js
一勺菠萝丶32 分钟前
芋道项目部署:前端写死后端地址 vs Nginx 反向代理
前端·nginx·状态模式
我命由我1234540 分钟前
Android Jetpack Compose - TopAppBar、BottomAppBar、Scaffold
android·java·java-ee·kotlin·android studio·android jetpack·android-studio
pas1361 小时前
30-mini-vue 更新 element 的 props
前端·javascript·vue.js