移動端ui自動化-H5元素定位及腳本[uc-devtools]


最近在搞移動端自動化測試的學習,遇見了一個比較頭痛的事情,如何對原生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端自動化一樣的定位元素方式進行定位啦!

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM