用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.

相关推荐
鹏程十八少6 小时前
4.Android 30分钟手写一个简单版shadow, 从零理解shadow插件化零反射插件化原理
android·前端·面试
亿元程序员7 小时前
这款值68亿的游戏,你不实战一下吗?安排!
前端
摸鱼的春哥7 小时前
Agent教程15:认识LangChain(中),状态机思维
前端·javascript·后端
明月_清风7 小时前
告别遮挡:用 scroll-padding 实现优雅的锚点跳转
前端·javascript
明月_清风7 小时前
原生 JS 侧边栏缩放:从 DOM 监听到底层优化
前端·javascript
万少16 小时前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站19 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名21 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫21 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊21 小时前
React 19 对比 React 16 新特性解析
前端·react.js