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

相关推荐
白泽_hunter9 分钟前
项目里最常见的 5 个 this 指向坑:从规则到实战彻底讲透
前端
宿67414 分钟前
vue3-pinia
前端·vue.js
白泽_hunter20 分钟前
搞懂 JS 数据类型:从 typeof 到手写完整类型判断,一张图理清
前端
日光倾1 小时前
TypeScript 随手记 —— 1
前端·javascript·typescript
自学it的攻城狮1 小时前
elpis-core ,koa实现的系统底座, 沉淀80% 的通用能力,剩下20% 用于定制化开发
前端
CappuccinoRose2 小时前
模块化体系
前端·import·export·es modules
AIDANHANG2 小时前
放开靠时间戳对日志前先核请求ID跨服务传播与采样关联
前端·人工智能
半生过往4 小时前
前端学 Java 课程笔记
java·前端·笔记
广州华水科技4 小时前
2026年单北斗GNSS变形监测系统推荐,破解水库安全监测难题
前端
独爱香菜5 小时前
Next.js 15 + Cloudflare Workers 实战:零中间件多语言 SEO 站点架构
前端