MuMu模拟器+Edge浏览器：Android原生APP嵌入的H5页面元素定位

最新推荐文章于 2025-02-25 17:13:48 发布
最新推荐文章于 2025-02-25 17:13:48 发布
阅读量2.9k 收藏 1
点赞数
文章标签： android html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DDJ_TEST/article/details/120760836
版权

adb调试 MuMu模拟器 Edge浏览器 H5页面 元素定位
关键词由CSDN通过智能技术生成
本文介绍了如何通过adb连接MuMu模拟器，并使用Edge浏览器进行远程调试H5页面的步骤。首先确认adb环境配置及模拟器连接，然后在Edge浏览器中打开调试工具，待H5页面在模拟器加载后即可开始元素定位和调试工作。由于Chrome浏览器在此场景下可能出现错误，因此推荐使用Edge浏览器进行调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前提条件：
1、已安装MuMu模拟器
2、已配置adb环境

adb链接MuMu模拟器

C:\Users\shenyf>adb connect 127.0.0.1:7555
connected to 127.0.0.1:7555

C:\Users\shenyf>adb devices
List of devices attached
127.0.0.1:7555  device

打开Edge浏览器

地址：chrome://inspect/#devices
在这里插入图片描述

在模拟器打开要调试的App的H5页面

注意：只有H5页面才会显示在这里
在这里插入图片描述

点击inspect进入调试页面

在这里就可以进行元素定位了
在这里插入图片描述
注意：用chrome浏览器在这里打开报错，所以本人选择了Edge浏览器
在这里插入图片描述

在这里插入图片描述

使用Fidder从安卓模拟器获取APP内H5游戏网址
diluanbing4779的博客
12-03 5033
　　大家都知道H5游戏其实是网页，但是有些APP或者微端不显示网址链接。这里给大家介绍介绍一种，利用Fiddler进行抓包，获取APP打开的网址的方法。有人说何必多此一举呢，直接用模拟器玩游戏就好了。的确，直接用没毛病。但是如果获取到网址了，我们无论是Mac，Ipad还是手机，只要浏览器就能打开玩，而且节省资源。 　　废话不多说，这里演示的是Fiddler+网易MuMu模拟器，当然真实...
Android App 打开 H5 页面（使用 Android WebView 打开网址） 代码示例
zcc的博客
11-27 4771
activity_main.xml <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http:
app里面的h5的定位方式（夜神模拟器篇）
wskgmyy的博客
09-16 1035
一首先确定模拟器是否与电脑连接 输入命令adb connect 127.0.0.1:62001(如图所示) 输入adb devices查看是否连接成功
校友邦之虚拟定位签到（电脑版）
最新发布
ckuctf的博客
02-25 1889
将需要进行改虚拟定位签到的微信登录到mumu模拟器的wx上，然后往下拉找到校友邦（跟手机打开校友邦类似），打开校友邦之后进行改定位操作。改定位-找到虚拟定位的功能键如下图所示，输入你想要签到的地点（图2左上搜索框）环境搭建-下载安装网mumu模拟器并在其中下载好微信。电脑环境：mumu模拟器+微信。
H5移动端调试方案全解（iOS&Android&Chrome&vConsole）
m0_48176238的博客
08-30 1万+
前言 在移动端盛行的今天，大家在日常中经常会接触到H5的移动端网页，不仅仅是在浏览器中，在各种的APP中也有存在着许多的H5页面，所以我们作为前端开发者就会有在开发时候进行移动端调试、甚至是真机调试的需求，本文旨在一文带领大家了解iOS、Android等平台的调试以及模拟器和真机的调试方法。 谷歌浏览器手机模式调试 优点：方便，常用 确定：无法完全模拟真机，无法发现真机上的一些问题 调...
使用mumu模拟器开启调试安卓pwa程序环境，配置谷歌环境，并增加pwa安卓/苹果/PC电脑安装流程
02-26 3016
当你想开发pwa程序时，手上没有安卓手机怎么办？使用mumu安卓模拟器也是可以的，使用安卓模拟器后，可能自带的浏览器不支持pwa，还需要安装chrom浏览器，当你安装好chrom浏览器后，打开又提示：您的设备不支持 Google Play 服务因此无法运行chrome。回到mumu模拟器桌面，然后一键安装谷歌安装器就可以了。然后再重新打开chrom，就可以正常使用了。解决办法：安装谷歌三件套。
【移动端二】模拟器
lucky_hahaha的博客
06-16 3309
夜神模拟器连接Airtest和Android Studio相关操作
移动端UI自动化之appium的使用(二)
紫陌翌晨
07-01 664
一、appium属性获取与断言 1.1、get_attrbute原理分析 官网：https://appium.io/docs/en/commands/element/attributes/attribute/ 所有可以获取的属性 CHECKABLE(new String[]{"checkable"}), CHECKED(new String[]{"checked"}), CLASS(new String[]{"class", "className"}), CLICKABLE(new String[]{"cl
H5版的怀旧游戏机，可在手机电脑上在线玩经典模拟器游戏的网站源码
jiyc2008的博客
07-12 2335
H5版的怀旧游戏机，可在手机电脑上在线玩fc游戏的网站,近乎完美的还原任天堂FC/NES原版ROM游戏的视频和声音。最近在微信朋友圈里很火的小霸王，带你回到小时候，具有怀旧的风格，各种小时候玩过的小游戏机全都有，还有按键声音模拟。上传服务器即可使用！内置了24款nes模拟器小游戏，经典的魂斗罗、超级玛丽、忍者龙剑传等等都有。
真机或者模拟器连接本地网页
攀山望月
01-17 1413
最近在研究php写接口，当我写完一个接口时，在本地web访问可以正常收到数据，但是在app连接时死活不通，最后发现是访问的地址不对，现在做个总结以便后续查看。 本地PHP接口连接 在网页输入 http://locallhost/index/index 访问php编写的index控制器下的index方法 如果使用mamp之类的集成工具，并把locallhost映射成了例如 test.com这样的网...
HBuilder X 中使用mumu模拟器进行App开发调试
小九的小酒的博客
10-11 4258
目录第一步第二步运行 第一步 安装软件 新建项目，这里省略代码相关 第二步 配置环境 只配置这个还不行，我一开始在这卡了很久，后来发现还需要配置环境变量 运行 等待安装成功后，在模拟器上就有了 ...
[浏览器_1]-Windows 安装微软 Edge 浏览器以及配置 CSDN 浏览器助手
燃吹 U 客帮
07-16 1956
Windows 安装微软 Edge 浏览器 获取以及安装 Edge 浏览器 首次启动 Edge 浏览器 配置 Edge设置 设置 Edge 离线安装包怎么得到？ 安装时下载的安装包 Edge 安装 CSDN 浏览器助手 为什么一定要用谷歌或者微软浏览器？因为火狐只能临时体验 csdn 浏览器助手！！！ 获取 CSDN 浏览器助手插件包 手动 Edge 浏览器安装 CSDN 助手插件............
强制开启app的webview debug ----使用appnium 测试app 中的内嵌H5页面
For_if_while的博客
05-12 2990
在使用appnium 测试app的内嵌H5页面时，发现定位不到里面的元素，它是被一个大的webview所包裹，需要先切换进webview中 ，然后就像测试web端一样定位元素，才能测试，但在使用contexts方法获取上下文时，发现只能获取NATIVE_APP 这个一个上下文，获取不到webview的，这是因为开发并没有将webview的debug模式打开，而开启这个模式还需要开发加代码打包，测试环境下还可以，但如果包要上线到正式环境下，再打开debug模式，就存在一定的安全隐患，所以在测试过程中，最好的方
在mac上使用android模拟器通过chrome调试webview内web页面
CloudJay的博客
11-30 2500
之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便 现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web 我们这里就以钉钉内的应用页面来举例
如何Uniapp中嵌入H5，并且在H5中跳转到APP的指定页面
热门推荐
qq_45325916的博客
04-04 1万+
有一个需求是，在app中嵌入一个H5页面，H5是一个网络页面，不在app项目里，APP可以打开H5页面，实现单点登录，并且在H5 页面中打开APP指定的页面。在uniapp中，有一个web-view组件，这就相当于一个浏览器组件，可以用来承载网页的容器，会自动铺满整个页面。src是H5的地址，可以是任何网址，与APP的地址什么的没有关系，也可以是www.baidu.com。这个方法是跳转到APP的指定页面，url就是APP页面的路径，在APP项目中目录结构如下。在这里我们提取出关键的代码。
软件测试必备技能：抓包（二）App，h5，小程序
vissy小朱测试分享
04-28 4152
欢迎大家关注我的个人公众号：小朱谈软件测试，全是干货哦。 ​现在多数产品线都以app，h5，小程序为主，那么如何通过手机抓取报文呢，我们来看一看​。 h5： ​先说最简单的h5页面，遇到h5页面，直接电脑浏览器打开测试抓包即可，不需要手机抓包，简单​快捷。具体方法可参考上一篇。https://blog.csdn.net/weixin_43574761/article/details/124460659https://blog.csdn.net/weixin_43574761/article/detai
使用 edge 调试 安卓app/手机网页
weixin_38860401的博客
08-26 1万+
最近在做h5项目，有些功能需要在手机上进行测试，但是手机网页又不能像pc端一样f12就可以进行调试，网上查找了一会，找到了解决方法，那就是pc端使用edge浏览器配合移动端用谷歌浏览器进行一个调试。 需要怎么做呢？ 1.找到开发者模式，打开 USB 调试，以华为nova5为例： 1.1进入设置，点击关于手机，反复点击版本号开启开发者模式。 1.2进入设置，点击系统和更新，选择开发人员选项，启动usb调试。 2.使用数据线连上电脑 ...
Firefox OS 2.0 模拟器 – 使用官方火狐浏览器扩展无痛完美模拟体验火狐手机系统
u013935416的专栏
05-06 2452
在移动设备(手机)越来越红火的今天，除了 Android、iOS、Windows Phone 这些我们熟悉的操作系统之外，一些新生的系统也在蠢蠢欲动了，譬如我们曾经介绍过的 FireFox OS 系统也慢慢地进入大众的视野了。 Firefox OS 是 Mozilla 公司以 Gecko 浏览器引擎为核心，采用 HTML5 来开发的一款移动操作系统。这是继 Android 之后又一款重量级的
移动端真机调试：chrome://inspect/#devices打开inspect后出现空白页
qq_44697303的博客
06-19 2315
问题详细 我已经配置好了usb调试： 但是当我inspect的时候，加载不了：非常自闭 问题原因 Chrome调试手机端其实是去访问那个网站，为什么要去访问那个网址呢？而不是提供本地的解决方案？我猜想是版本问题，对于海量版本，都打包到Chrome安装程序里，势必会大大增加安装包的体积。例如上面的 @4cfe7aa… 就是其中的一个版本号，当你换一个手机或模拟器，版本号可能就不一样了。因为不同型号的手机生产商可能会打包不同版本的chrome浏览器内核。所以我们需要先加载应用设备的一个版本号，因为是Chrom
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值