為什么
給前端工程師調(diào)試提供便捷，可以直接通過連接Android手機進行WebView的網(wǎng)頁調(diào)試。
使用工具
- Opera Mobile 可以借助其推出的跨設備跨平臺桌面開發(fā)者工具Opera Dragonfly 實現(xiàn)遠程調(diào)試；
- iOS Safari 可以開啟Web檢查器在 Mac OS X系統(tǒng)中實現(xiàn)遠程調(diào)試
- Android 4+已上系統(tǒng)的 Chrome for Android可以 配合 ADB（Android Debug Bridge）實現(xiàn)桌面遠程調(diào)試
- 桌面版Chrome 32+已經(jīng)支持免安裝ADB即可實現(xiàn)遠程調(diào)試移動設備頁面WebView
本篇主要說一下Chrome RemoteDebugging 的方法，即上面所說的第四種方式，不需要安裝ADB插件。
上圖展示
image.png
實際操作
一、手機端打開USB調(diào)試并連接PC，點擊確定進行調(diào)試
image.png
二、打開chrome瀏覽器，輸入框下輸入chrome://inspect/#devices，看到設備
注：打開后DevTools后，確保打鉤選中Discover USB devices
image.png
三、找到需要調(diào)試的目標頁面，點擊inspect即可打開DevTools，點擊reload可重新加載當前的調(diào)試頁面
