混合 App 開啟 H5 除錯開關

2022-09-15 19:27:11 字數 1417 閱讀 5697

hybrid應用如何去做自動化呢?

hybrid是native巢狀了web,對於native頁面,我們可以採用原生的自動化框架uiautomator/xcuitest,而對於web頁面,我們可以採用chromedriver,兩者相結合完成自動化測試。現在流行的說法是移動端內嵌的web可以稱為h5,雖然嚴格意義上來說h5不等同web。為了實現h5頁面的自動化,其中h5頁面的除錯開關我們是必須要開啟,否則通過inspector元素探測工具是定位不到頁面的元素資訊。

webview.setwebcontentsdebuggingenabled(true);

}原生webview應用(root狀態)

準備工具

此種方法需要提前對手機進行root,至於如何root可以在對應的機型論壇搜尋解決方案,每家手機的方案都不同。如果是模擬器,一般模擬器都是支援root的,如夜神:

安裝xposed框架到系統中,啟用xposed框架

安裝webviewdebughook到系統中,在xposed中選擇模組勾選

以58同城舉例,開啟之後進行到h5頁面,即可點選inspect探測到當前h5頁面資訊

原生webview應用(非root狀態)

準備工具

安裝virtualxposed到系統中,此應用的工作原理類似於應用分身功能,會將應用安裝到乙個獨立的環境當中。

將要除錯的應用、webviewdebughook、xposed 安裝到virtualxposed中,勾選模組管理->webviewdebughook

在virtualxposed中開啟58同城

app除錯開啟Log

ios需要把build configuration設定成debug engine executestring print release print 把build native.bat裡 set ndk debug 1 這一行的注釋去掉 1.在cpp工程中搜尋print 定位到 int lua pr...

H5 混合移動app應用開發 開篇

html5 html5 vue.js mui js 為什麼有vue.js?vue.js是一款mvvm框架,也是目前三大流行的mvvm前端框架之一 另外兩種 react和angular 在做技術選型之前,我有先對這三種框架去做乙個簡單的研究,後面感覺還是vue.js的語法比較優雅,就像我喜歡c 語言一...

H5 混合移動app應用開發 開篇

html5 html5 vue.js mui js 為什麼有vue.js?vue.js是一款mvvm框架,也是目前三大流行的mvvm前端框架之一 另外兩種 react和angular 在做技術選型之前,我有先對這三種框架去做乙個簡單的研究,後面感覺還是vue.js的語法比較優雅,就像我喜歡c 語言一...