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

最新推荐文章于 2024-11-21 19:43:05 发布

原创

最新推荐文章于 2024-11-21 19:43:05 发布 · 3.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#android #html5 #html

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

前提条件：
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页面才会显示在这里
在这里插入图片描述

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

已无测试机

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用Fidder从安卓模拟器获取APP内H5游戏网址

diluanbing4779的博客

12-03

5198

　　大家都知道H5游戏其实是网页，但是有些APP或者微端不显示网址链接。这里给大家介绍介绍一种，利用Fiddler进行抓包，获取APP打开的网址的方法。有人说何必多此一举呢，直接用模拟器玩游戏就好了。的确，直接用没毛病。但是如果获取到网址了，我们无论是Mac，Ipad还是手机，只要浏览器就能打开玩，而且节省资源。　　废话不多说，这里演示的是Fiddler+网易MuMu模拟器，当然真实...

Android App 打开 H5 页面（使用 Android WebView 打开网址）代码示例

zcc的博客

11-27

4871

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

1109

一首先确定模拟器是否与电脑连接输入命令adb connect 127.0.0.1:62001(如图所示) 输入adb devices查看是否连接成功

如何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项目中目录结构如下。在这里我们提取出关键的代码。

H5移动端调试方案全解（iOS&Android&Chrome&vConsole）

m0_48176238的博客

08-30

1万+

前言在移动端盛行的今天，大家在日常中经常会接触到H5的移动端网页，不仅仅是在浏览器中，在各种的APP中也有存在着许多的H5页面，所以我们作为前端开发者就会有在开发时候进行移动端调试、甚至是真机调试的需求，本文旨在一文带领大家了解iOS、Android等平台的调试以及模拟器和真机的调试方法。谷歌浏览器手机模式调试优点：方便，常用确定：无法完全模拟真机，无法发现真机上的一些问题调...

使用mumu模拟器开启调试安卓pwa程序环境，配置谷歌环境，并增加pwa安卓/苹果/PC电脑安装流程

02-26

4474

当你想开发pwa程序时，手上没有安卓手机怎么办？使用mumu安卓模拟器也是可以的，使用安卓模拟器后，可能自带的浏览器不支持pwa，还需要安装chrom浏览器，当你安装好chrom浏览器后，打开又提示：您的设备不支持 Google Play 服务因此无法运行chrome。回到mumu模拟器桌面，然后一键安装谷歌安装器就可以了。然后再重新打开chrom，就可以正常使用了。解决办法：安装谷歌三件套。

【移动端二】模拟器

lucky_hahaha的博客

06-16

3597

夜神模拟器连接Airtest和Android Studio相关操作

MuMu模拟器+burpsuite实现手机app抓包（复现）

Bulestardemon的博客

11-21

2167

burp 实现 app&手机抓包

【虚拟化技术】MuMu模拟器启动过程分析：路径添加与预加载性能优化策略

最新发布

08-19

内容概要：本文档记录了MuMu模拟器启动过程中涉及的关键路径加载、数据预取以及系统资源分配情况。具体包括：向加速列表添加了多个虚拟磁盘镜像路径（如系统盘和数据盘），并展示了不同类型数据元的大小与数量；报告...

精选资源

fiddle连接mumu模拟器到adb连接成功，保姆级

03-15

Mumu模拟器是Nox App Player公司推出的一款安卓模拟器，它允许用户在电脑上运行Android应用，这对于开发、测试或者游戏体验非常有用。接下来，我们来详细讲解如何实现这个连接： 1. **安装Fiddler**：首先，你...

mumu模拟器+fiddler安装文件

04-24

mumu模拟器，可以安装各种apk， fiddler开发抓包所用

H5版的怀旧游戏机，可在手机电脑上在线玩经典模拟器游戏的网站源码

jiyc2008的博客

07-12

2608

H5版的怀旧游戏机，可在手机电脑上在线玩fc游戏的网站,近乎完美的还原任天堂FC/NES原版ROM游戏的视频和声音。最近在微信朋友圈里很火的小霸王，带你回到小时候，具有怀旧的风格，各种小时候玩过的小游戏机全都有，还有按键声音模拟。上传服务器即可使用！内置了24款nes模拟器小游戏，经典的魂斗罗、超级玛丽、忍者龙剑传等等都有。

win10 系统中网易 MuMu 模拟器调试钉钉微应用

w799766的博客

06-15

6115

http://mumu.163.com/ 下载windows版本app，根据提示安装，安装过程中遇到需要开启VT，请参考 http://mumu.163.com/include/16v1/2016/06/27/21967_625825.html 安装完成后在win10系统上下载钉钉开发安卓版，下载完成后，点击模拟器底部的安装按钮，找到钉钉开发安卓版选中安装参考 http://mumu.163.com/help/func/20190129/30131_797867.html 页面中的第2.

真机或者模拟器连接本地网页

攀山望月

01-17

1624

最近在研究php写接口，当我写完一个接口时，在本地web访问可以正常收到数据，但是在app连接时死活不通，最后发现是访问的地址不对，现在做个总结以便后续查看。本地PHP接口连接在网页输入 http://locallhost/index/index 访问php编写的index控制器下的index方法如果使用mamp之类的集成工具，并把locallhost映射成了例如 test.com这样的网...

HBuilder X 中使用mumu模拟器进行App开发调试

小九的小酒的博客

10-11

4316

目录第一步第二步运行第一步安装软件新建项目，这里省略代码相关第二步配置环境只配置这个还不行，我一开始在这卡了很久，后来发现还需要配置环境变量运行等待安装成功后，在模拟器上就有了 ...

[浏览器_1]-Windows 安装微软 Edge 浏览器以及配置优快云 浏览器助手

燃吹 U 客帮

07-16

2227

Windows 安装微软 Edge 浏览器 获取以及安装 Edge 浏览器 首次启动 Edge 浏览器 配置 Edge设置设置 Edge 离线安装包怎么得到？安装时下载的安装包 Edge 安装优快云 浏览器助手为什么一定要用谷歌或者微软浏览器？因为火狐只能临时体验 csdn 浏览器助手！！！获取优快云 浏览器助手插件包手动 Edge 浏览器安装优快云助手插件............

强制开启app的webview debug ----使用appnium 测试app 中的内嵌H5页面

For_if_while的博客

05-12

3411

在使用appnium 测试app的内嵌H5页面时，发现定位不到里面的元素，它是被一个大的webview所包裹，需要先切换进webview中，然后就像测试web端一样定位元素，才能测试，但在使用contexts方法获取上下文时，发现只能获取NATIVE_APP 这个一个上下文，获取不到webview的，这是因为开发并没有将webview的debug模式打开，而开启这个模式还需要开发加代码打包，测试环境下还可以，但如果包要上线到正式环境下，再打开debug模式，就存在一定的安全隐患，所以在测试过程中，最好的方

在mac上使用android模拟器通过chrome调试webview内web页面

CloudJay的博客

11-30

2669

之前一直使用备用android机在做调试,这次正巧备用机坏了,临时装了个android模拟器来做调试,发现比用真机更方便现在在mac上可以很方便的通过android模拟器来直接调试webview中的web页面,各种应用比如钉钉内的web 我们这里就以钉钉内的应用页面来举例

使用 edge 调试 Android app 中的 H5页面及抓包

前端技术

04-25

6901

前提：我使用华为荣耀 20i，其实Android手机的开发者设置都大同小异，注意设置！一. 配置 H5 页面抓包 1. 打开“开发人员选项”，找到“选择 USB 配置”； 2.选择“RNDIS（USB 以太网）”；二. edge 浏览器调试配置 1. 打开 edge 浏览器，输入：edge://inspect/#devices 2. 仅在 app 进入 h5 页，才会出现 inspect 。稍等片刻，才会出现上图红框的监听。会有多个 inspect，目前不知有啥差异，..