背景
前幾天接到H5開發(fā)人員那邊的業(yè)務(wù)開發(fā)需求單,說想將H5接入到自動化系列中,特此記錄分享一下。
環(huán)境前置準(zhǔn)備
手機與電腦USB連接,開啟USB調(diào)試模式,通過adb devices可查看到此設(shè)備。
電腦端、移動端安裝chrome瀏覽器。(盡量保證移動端chrome版本低于電腦端)
App webview開啟debug模式
在電腦端Chrome瀏覽器地址欄輸入chrome://inspect/#devices,進入調(diào)試模式:
此時頁面顯示了手機型號、驅(qū)動名稱、APP要調(diào)試的WebView名稱
點擊inspect,若成功加載與APP端相同界面的調(diào)試頁面,則配置成功
若獲取不到WebView或者調(diào)試頁面預(yù)覽框顯示空白,則需要進行VPN破解–安裝FQ軟件(由于默認(rèn)的DevTools使用的是appspot服務(wù)器,這在國內(nèi)是需要翻越GWF)
嘗試解決方法:
1、在windows host文件中增加:
61.91.161.217 chrome-devtools-frontend.appspot.com 61.91.161.217 chrometophone.appspot.com
2、使用FQ軟件,如Lantern藍(lán)燈
環(huán)境檢查
App webview 調(diào)試模式檢查與開啟
基礎(chǔ)檢查方式
打開app對應(yīng)的h5頁面,在chrome://inspect/#devices地址中,檢查是否顯示對應(yīng)的webview,如沒有,則當(dāng)前未開啟調(diào)試模式。
在自動化代碼中,進入到對應(yīng)的H5頁面,輸出當(dāng)前context,如果一直顯示為Natvie,則webview未開啟。
開啟方式
在app中配置如下代碼(在WebView類中調(diào)用靜態(tài)方法s