Android调试移动端webview

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

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

其它几个从安装到使用都很是简单,国内的几个,稳定性都比较差,所有都存在启动时进度卡在99%的问题,相对稳定的是网易MuMu,至于Genymotion,比较卡顿,安装App以后没法启动,所以,下面的教程仅适用网易MuMujava

 

1、模拟器调试

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

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

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

brew cask install android-platform-tools

  

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

adb devices

  

若是列表是空,执行如下命令再试架构

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

  

若是仍是空,重启模拟器后再试移动端web

四、调试:编辑器

4.一、若是开发环境是经过IP访问,在App内打开开发环境,特别注意,访问开发环境的IP固定为10.0.2.2,(为何是10.0.2.2?)而不是开发机自己的IP,端口还是开发环境的端口,在开发机端chrome打开chrome://inspect/#devices,就能看到已经链接的MuMu模拟器,模拟器名称下方就是模拟器打开的webview,点击inspect弹出控制台开始调试

4.二、若是开发环境绑定了本地域名,经过域名的方式访问,那么有两种方式访问开发环境

4.2.一、修改模拟器hosts:在Mac终端输入

adb shell

  

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

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

  

而后就能够在模拟器经过本地域名访问开发环境了

4.2.二、将电脑设为手机代理:《设置电脑为手机代理》

 

2、真机调试

一、设置手机代理,参考《设置电脑为手机代理》《iPhone调试移动端webview》,若是用的是spy-debugger作代理, 能够直接用spy-debugger调试,也能够用下面提供的方式调试

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

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

相关文章
相关标签/搜索