Android调试移动端webview

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

Android Studio有两种架构类型的镜像可选，分别是x86和arm，安装arm架构的镜像，非常卡，没法用，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开始调试