1. 程式人生 > 實用技巧 >使用weditor進行元素定位

使用weditor進行元素定位

一,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也沒用。於是我嘗試在這個介面做各種操作嘗試,一頓令人窒息的操作之後......把 “靜態/實時開關” 來回切花就成功了。