android 設(shè)備在線調(diào)試h5

準備工作:
1.pc 端安裝一個chrome 內(nèi)核的瀏覽器(不一定非要google 的
chrome 瀏覽器,chrome 內(nèi)核的瀏覽器即可),第1 次調(diào)試把瀏覽器
代理打開,確定可以訪問google (下載驅(qū)動)
2.Android 手機(系統(tǒng)版本大于等于4.4),打開開發(fā)者模式,并允
許USB 調(diào)試。Usb 連接選擇傳輸文件模式,將手機與電腦相連,手
機和pc 用同一個wifi 。
3.如果是調(diào)試非系統(tǒng)應用,編譯打包apk 前,將對應的webview 設(shè)
置成調(diào)試模式均可。持續(xù)集成(Jenkins)對應的電腦被誤操作重裝系統(tǒng)了,年后
有資源的情況下,重新配置環(huán)境,再搞一遍,到時大家誰想調(diào)試,直
接選分支編譯apk,安裝在手機上即可調(diào)試。
如何調(diào)試:
4.打開瀏覽器輸入chrome://inspect/#devices ,勾選“發(fā)現(xiàn)USB
設(shè)備”前的復選框
5.操作手機上的h5 頁面,會看到對應設(shè)備及調(diào)試的h5 頁面
6.點擊inspect 進行相關(guān)調(diào)試
備注:
1.部分pc 瀏覽器或者android webview 版本等因素,可能調(diào)試過程中出現(xiàn)若干兼容性問題,
eg.點擊inspect 出現(xiàn)白屏等,可以聯(lián)系A(chǔ)ndroid rd 協(xié)助排查問題
2.Ios 調(diào)試h5 操作類似,打開真機或者模擬器的開發(fā)者模式,同時在setting 選項里面的
safari 打開web Inspector 選項。在mac 上打開safari 的偏好設(shè)置,打開開發(fā)選項,在模擬
器運行的時候打開webView就可以看到里面的Simulator就可以打開webView的調(diào)試界面,
3.Android 這邊也可以手機上安裝chrome 瀏覽器調(diào)試,或者部分互聯(lián)網(wǎng)公司會自研調(diào)試工
具,提升調(diào)試效率及方便rd 調(diào)試。后期有機會找到更好的插件或其他資源,后期再分享。

  1. Chrome Inspect不顯示W(wǎng)ebview頁面的問題總結(jié)

4.1 )Android通過Chrome Inspect調(diào)試WebView的H5 App出現(xiàn)空白頁面的解決方法(不需要FQ)

4.2)多個設(shè)備調(diào)試永不過期

4.3)Chrome Inspect不顯示W(wǎng)ebview頁面的問題總結(jié)

4.4)白屏問題
(https://blog.csdn.net/lxiang222/article/details/110143219)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容