移動端之Chrome遠程調試

原理

安卓遠程調試支持所有操作系統(Windows,Mac, Linux, and Chrome OS.)中調試,支持:

調試站點的頁面

調試安卓原生App中的WebView

實時將安卓設備的屏幕圖像同步顯示到開發機器

通過端口轉發(port forwarding)與虛擬主機映射(virtual host mapping)實現安卓移動設備與開發服務器進行交互調試

調試要求

開發環境安卓桌面版Chrome32+

一條USB數據線,連接電腦與移動設備,安裝相應機型的USB驅動

如果是調試網頁,移動設備需要安裝Chrome forAndroid ,且安卓系統須為Android 4.0+

對于APP WebView的調試,需要系統為Android 4.4+ 并且原生應用內的Webview須進行相應的調試聲明配置。

說明:遠程調試要求桌面版Chrome瀏覽器版本要高于安卓移動設備的Chrome版本號

方法

1.手里usb連接電腦(我用的mac,所以演示用mac),查看是否連接成功

連接成功

2.手機連接成功后,啟動chrome,輸入chrome://inspect/#devices

啟動chrome

3.打開app上的webview

連接webview

4.點擊inspect,調試

調試

點擊inspect打開DevTools后,你可以選中頁面中的DOM元素,同時設備中對應元素也高亮顯示,也可使用DevTools中的Inspect Element 選中目標元素,可以實時與移動設備頁面交互,方便的定位問題所在,進行代碼調試。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容