- 在您的 Android 設(shè)備上打開 Developer Options 屏幕蹬癌。
- 選擇 Enable USB Debugging。
- 在您的開發(fā)計(jì)算機(jī)上打開 Chrome。
- 打開 chrome://inspect
確保啟用 Discover USB devices 復(fù)選框没酣。
使用 USB 電纜將 Android 設(shè)備直接連接到您的開發(fā)計(jì)算機(jī)轻专。 首次連接時(shí)忆矛，通常會(huì)看到 DevTools 檢測(cè)到未知設(shè)備。 如果您 Android 設(shè)備的型號(hào)名稱下顯示綠色圓點(diǎn)和 Connected 文本请垛，則表示 DevTools 已與您的設(shè)備成功建立連接
遠(yuǎn)程調(diào)試 WebView
使用 Chrome 開發(fā)者工具在您的原生 Android 應(yīng)用中調(diào)試 WebView催训。
在 Android 4.4 (KitKat) 或更高版本中，使用 DevTools 可以在原生 Android 應(yīng)用中調(diào)試 WebView 內(nèi)容叼屠。
- 在您的原生 Android 應(yīng)用中啟用 WebView 調(diào)試瞳腌；在 Chrome DevTools 中調(diào)試 WebView。
- 通過 chrome://inspect 訪問已啟用調(diào)試的 WebView 列表镜雨。
- 調(diào)試 WebView 與通過遠(yuǎn)程調(diào)試調(diào)試網(wǎng)頁相同嫂侍。
應(yīng)用中啟用 WebView 調(diào)試
必須從您的應(yīng)用中啟用 WebView 調(diào)試。請(qǐng)?jiān)?WebView 類上調(diào)用靜態(tài)方法 setWebContentsDebuggingEnabled荚坞。
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
此設(shè)置適用于應(yīng)用的所有 WebView挑宠。
提示：WebView 調(diào)試不會(huì)受應(yīng)用清單中 debuggable 標(biāo)志的狀態(tài)的影響。如果您希望僅在 debuggable 為 true 時(shí)啟用 WebView 調(diào)試颓影，請(qǐng)?jiān)谶\(yùn)行時(shí)測(cè)試標(biāo)志各淀。
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
{ WebView.setWebContentsDebuggingEnabled(true); }
}
在 DevTools 中打開 WebView
chrome://inspect, 頁面將顯示您的設(shè)備上已啟用調(diào)試的 WebView 列表。
要開始調(diào)試诡挂，請(qǐng)點(diǎn)擊您想要調(diào)試的 WebView 下方的 inspect碎浇。像使用遠(yuǎn)程瀏覽器標(biāo)簽一樣使用 DevTools临谱。
與 WebView 一起列示的灰色圖形表示 WebView 的大小和相對(duì)于設(shè)備屏幕的位置。如果您的 WebView 已設(shè)置標(biāo)題奴璃，標(biāo)題也會(huì)一起顯示悉默。
