最近在搞移動端自動化測試的學習,遇見了一個比較頭痛的事情,如何對原生app嵌套h5頁面進行測試:
首先介紹一下 Hybird APP:
Hybrid App(混合模式移動應用)是指介於 Web App(套殼)、Native App(原生)這兩者之間的 app ,兼具“ Native App 良好用戶交互體驗的優勢 ”和“ Web App 跨平台開發的優勢 ”。
也就是說,Hybrid App 是運用既包含類似移動端瀏覽器打開網站的相關技術,又包含原生應用調取底層接口(攝像頭、傳感器等等)的相關技術開發出來的應用。
工具:
基於 UiAutomator+Chromedriver 來進行移動端與APP進行混合測試
獲取webvivew頁面的三種方式:
1. 使用 chrome://inspect/#devices 進行測試,但是缺點需要FQ,雖然非常強大但是缺比較麻煩
2. 使用 driver.page_source 獲取html頁面
3.找開發人員要源文件
以上三點都比較麻煩,那么我們如何可以進行記不需要FQ也不需要麻煩開發人員呢?下面我給大家介紹一款比較強大的工具 uc-devtools:
uc-devtools 下載地址:
https://plus.ucweb.com/download/?spm=ucplus.11213647.0.0.6a0d260429TGTR#DevTool
工具安裝及使用效果
安裝步驟嘛很簡單傻瓜式安裝:直接點擊下載安裝即可,由於是基於Chromium,所以原理其實和chrome的inspect類似,只不過不需要FQ了!
使用步驟:
- 打開手機/模擬器,保證能夠通過adb devices檢測到設備
- 打開任意手機端瀏覽器訪問網頁或者H5頁面,注意:如果是app內嵌web頁面,需要打開app的webview debug模式
- 進行到第二步如果發現顯示不出來,可以選擇設置->本地Devtools Inspector UI資源
連接:
使用usb或者wifi adb連接手機,手機上運行支持devtools協議調試的瀏覽器webview應用(如果是UC瀏覽器,需要運行開發者版本)。成功運行可以看到webview設備列表界面:
以下就是獲取到的h5頁面了,可以進行與web端自動化一樣的定位元素方式進行定位啦!