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

相关推荐
张龙6873 分钟前
RAG 知识库问答系统实战:分块、混合检索、RRF 融合与重排全链路拆解
前端
用户1306095607233 分钟前
第二章学完后,我对 webpack5 前端工程化的一点理解
前端
a1117765 分钟前
小鸡下蛋 小游戏 html
前端·开源·html
码哥DFS12 分钟前
算法练习day1-备战2027届秋招
前端·javascript·数据结构·算法
Bigger15 分钟前
因为一句「华流才是最屌的」,我做了一个中国风设计的 Skill
前端·人工智能·设计
别怪我很水24 分钟前
Vue element admin 浏览器本地存储 localStorage、useStorage
前端·javascript·vue.js
手揽回忆怎么睡24 分钟前
Ubuntu 22.04 64位安装MinIO
linux·前端·ubuntu
铁皮饭盒28 分钟前
网页端OCR, 加载6mb大小模型, 又快又准, 百度这次真香
前端·后端
Web极客码43 分钟前
如何在WordPress中添加动态内容
服务器·前端·wordpress
云浪1 小时前
给 AI Agent 加上语音交互:ASR + 流式 TTS 实战
前端·人工智能·后端