用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 分钟前
Vue3路由
前端·javascript·vue.js
J总裁的小芒果8 分钟前
vue3 全局定义动态样式
前端·javascript·vue.js
whalekv11 分钟前
10月25日
前端·javascript·vue.js
万邦科技Lafite2 小时前
京东按图搜索京东商品(拍立淘) API (.jd.item_search_img)快速抓取数据
开发语言·前端·数据库·python·电商开放平台·京东开放平台
一只小透明啊啊啊啊5 小时前
Java Web 开发的核心组件:Servlet, JSP,Filter,Listener
java·前端·servlet
你的人类朋友5 小时前
设计模式有哪几类?
前端·后端·设计模式
Yeats_Liao5 小时前
Go Web 编程快速入门 10 - 数据库集成与ORM:连接池、查询优化与事务管理
前端·数据库·后端·golang
啃火龙果的兔子6 小时前
前端八股文react篇
前端·react.js·前端框架
打小就很皮...6 小时前
React 实现 i18next 中英文切换集成
前端·react.js·i18next
拉不动的猪6 小时前
函数组件和异步组件
前端·javascript·面试