使用weditor進行元素定位
阿新 • • 發佈:2020-08-22
一,weditor的安裝與使用
首選需要在電腦上配置好Python環境
-
下載安裝命令如下,加上映象下載速度更快:
pip install weditor -i https://pypi.tuna.tsinghua.edu.cn/simple
-
啟動weditor命令:
python -m weditor
此時會開啟瀏覽器新建視窗如下
-
連線手機。輸入
adb devices
命令,獲取手機的udid(不會的話自行百度)。 -
在瀏覽器editor頁面,選擇Android,輸入手機的udid,點選Connect按鈕。按鈕出現綠葉小圖示,左側出現手機頁面的截圖,說明成功。ps:手機第一次連線,點選Connect時間會比較久,並且手機上會提示安裝ATX與另外一個app,容許安裝完成即可。
app切換頁面後,點選Dump Hierarchy按鈕即可重新整理,也可以在左側app截圖區域點選滑鼠右鍵進行重新整理。
-
使用
1,滑鼠點選選中左側截圖需要定位的區域後,會在頁面中間顯示該元素的各種屬性。
2,勾選中間 "強制使用XPath" 則會將XPath展示在程式碼欄,不勾選則程式碼欄展示的是元素其他屬性,如text、resourceId等。
3,右側下部分Hierarchy,顯示app當前頁面UI的層級結構。Console為控制檯,可來回切換。
4,右側上部分可以輸入程式碼,進行操作步驟的除錯。如:從今日頭條的首頁-->放映廳-->電影-->喜劇頁面,將中間程式碼欄的程式碼輸入到右側,點選執行,我們就可以在手機上看到app從首頁進入喜劇電影頁。
二,遇到的問題
- 左側黑屏
點選Connect出現綠葉圖示後,發現左側手機截圖黑屏,滑鼠又可以在黑屏上是選擇頁面元素。我們當然不可能靠這樣抓瞎來定位元素。於是就去網上查詢資料,未找到解決方法,重新啟動webitor也沒用。於是我嘗試在這個介面做各種操作嘗試,一頓令人窒息的操作之後......把 “靜態/實時開關” 來回切花就成功了。