前言
- 原生Android伊诵，react-native android開發(fā)都適用
- 需要有代理
環(huán)境配置
-
chrome瀏覽器安裝 adb插件
image.png
image.png 把你的安卓手機(jī)連接電腦岭埠，打開調(diào)試模式
chrome瀏覽器地址欄輸入 chrome://inspect
-
如果已連接手機(jī)可以看到你的手機(jī)顯示在上面
image.png
App準(zhǔn)備
1 打開下圖框內(nèi)的文件桥狡，添加代碼啟用webView調(diào)試（原生安卓在MainActivity）
image.png
import android.os.Build;
import android.webkit.WebView;
//在onCreate方法中添加
public void onCreate() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
}
2 在App內(nèi)通過webView打開網(wǎng)頁鏈接，可以在chrome看到該記錄鹉梨，點(diǎn)擊inspect打開調(diào)試界面（webVIew窗口保持活動狀態(tài)０峦荨）
image.png
3 這時你可能會遇到白屏問題鲤氢，因?yàn)閏hrome webview插件無法加載白屏摇予，因?yàn)閏hrome需要到https://chrome-devtools-frontend.appspot.com下載調(diào)試支持工具(版本太多)汽绢，但是因?yàn)閲鴥?nèi)被墻，所以很多人打開界面會是白屏的（所以一般情況是需要代理的）侧戴，通過代理能訪問此網(wǎng)站的話一般能夠正常打開調(diào)試界面了宁昭。
4.可能有極少人還白屏，可能是存在以下問題
手機(jī)chrome內(nèi)核高于你的電腦瀏覽器版本 （升級電腦瀏覽器解決）
該版本資源不存在等問題下載不下來 （換臺手機(jī)調(diào)試酗宋，安卓版本高一點(diǎn)較好积仗，魅族8.1安卓換到了紅米9.0安卓就好了）
5 最后成功打開調(diào)試工具，你就能快樂的像PC開發(fā)網(wǎng)頁一樣的調(diào)試了~
image.png
