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開始調試

相關文章
相關標籤/搜索