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

相关推荐
Qin_jiangshan1 分钟前
vue实现进度条带指针
前端·javascript·vue.js
菜鸟una8 分钟前
【layout组件 与 路由镶嵌】vue3 后台管理系统
前端·vue.js·elementui·typescript
小张快跑。9 分钟前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
Zhen (Evan) Wang15 分钟前
.NET 8 API 实现websocket,并在前端angular实现调用
前端·websocket·.net
星空寻流年34 分钟前
css3响应式布局
前端·css·css3
Rverdoser1 小时前
代理服务器运行速度慢是什么原因
开发语言·前端·php
航Hang*1 小时前
前端项目2-01:个人简介页面
前端·经验分享·html·css3·html5·webstorm
MaisieKim_2 小时前
python与nodejs哪个性能高
前端·python·node.js
水煮白菜王2 小时前
深入理解 Webpack 核心机制与编译流程
前端·webpack·node.js
梦幻通灵2 小时前
Excel分组计算求和的两种实现方案
前端·excel