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