Android调试移动端webview

尝试了各种Mac版本的安卓模拟器,包括Android Studio、Genymotion以及国内的网易MuMu、夜神、蓝叠、腾讯手游助手,做的最好的是Android Studio,最难上手的也是Android Studio。

Android Studio有两种架构类型的镜像可选,分别是x86和ram,安装ram架构的镜像,非常卡,没法用,x86的镜像很流畅,只能用来调试基于x86架构的App

其它几个从安装到使用都非常简单,国内的几个,稳定性都比较差,全部都存在启动时进度卡在99%的问题,相对稳定的是网易MuMu,至于Genymotion,比较卡顿,安装App之后无法启动,因此,下面的教程仅适用网易MuMu

 

一、模拟器调试

1、安装模拟器:下载网易MuMu模拟器并安装,有window版和Mac版,本文针对Mac版

2、安装App:启动模拟器,点击底部APK安装,选择Android版App,等待安装完成

3、安装adb:adb全称Andorid Debug Bridge,中文名安卓调试桥

brew cask install android-platform-tools

  

安装完成后,打开模拟器内的App,然后在开发机上执行以下命令,查看当前已连接的模拟器/设备的列表

adb devices

  

如果列表是空,执行以下命令再试

adb kill-server && adb server && adb shell

  

如果还是空,重启模拟器后再试

4、调试:

4.1、如果开发环境是通过IP访问,在App内打开开发环境,特别注意,访问开发环境的IP固定为10.0.2.2,(为什么是10.0.2.2?)而不是开发机本身的IP,端口仍是开发环境的端口,在开发机端chrome打开chrome://inspect/#devices,就能看到已经连接的MuMu模拟器,模拟器名称下方就是模拟器打开的webview,点击inspect弹出控制台开始调试

4.2、如果开发环境绑定了本地域名,通过域名的方式访问,那么有两种方式访问开发环境

4.2.1、修改模拟器hosts:在Mac终端输入

adb shell 

  

进入设备shell,绑定IP 10.0.2.2 到本地域名,建议通过echo的方式修改hosts,因部分编辑器换行符编码可能导致修改hosts不生效

echo 10.0.2.2 本地域名 >> /system/etc/hosts 

  

然后就可以在模拟器通过本地域名访问开发环境了

4.2.2、将电脑设为手机代理:《设置电脑为手机代理》

 

二、真机调试

1、设置手机代理,参考《设置电脑为手机代理》或《iPhone调试移动端webview》,如果用的是spy-debugger做代理, 可以直接用spy-debugger调试,也可以用下面提供的方式调试

2、打开手机USB调试开关,用数据线连接手机和开发机

3、开发机打开chrome访问chrome://inspect/#devices,就能看到已经连接的手机设备,点击链接下方的inspect开始调试

相关文章