使用weditor進行元素定位

一,weditor的安裝與使用

首選需要在電腦上配置好Python環(huán)境

  • 下載安裝命令如下,加上鏡像下載速度更快:
    pip install weditor -i https://pypi.tuna.tsinghua.edu.cn/simple

  • 啟動weditor命令:
    python -m weditor
    此時會打開瀏覽器新建窗口如下

  • 連接手機。輸入adb devices命令,獲取手機的設(shè)備id(需先安裝Android SDK)。

  • 在瀏覽器editor頁面,選擇Android,輸入手機的設(shè)備id,點擊Connect按鈕。按鈕出現(xiàn)綠葉小圖標,左側(cè)出現(xiàn)手機頁面的截圖,說明成功。ps:手機第一次連接,點擊Connect時間會比較久,并且手機上會提示安裝ATX與另外一個app,容許安裝完成即可。

    app切換頁面后,點擊Dump Hierarchy按鈕即可刷新,也可以在左側(cè)app截圖區(qū)域點擊鼠標右鍵進行刷新。

  • 使用

    1,鼠標點擊選中左側(cè)截圖需要定位的區(qū)域后,會在頁面中間顯示該元素的各種屬性。

    2,勾選中間 "強制使用XPath" 則會將XPath展示在代碼欄,不勾選則代碼欄展示的是元素其他屬性,如text、resourceId等。

    3,右側(cè)下部分Hierarchy,顯示app當(dāng)前頁面UI的層級結(jié)構(gòu)。Console為控制臺,可來回切換。

    4,右側(cè)上部分可以輸入代碼,進行操作步驟的調(diào)試。如:從今日頭條的首頁-->放映廳-->電影-->喜劇頁面,將中間代碼欄的代碼輸入到右側(cè),點擊運行,我們就可以在手機上看到app從首頁進入喜劇電影頁。

二,遇到的問題

  • 左側(cè)黑屏
    點擊Connect出現(xiàn)綠葉圖標后,發(fā)現(xiàn)左側(cè)手機截圖黑屏,鼠標又可以在黑屏上是選擇頁面元素。我們當(dāng)然不可能靠這樣抓瞎來定位元素。于是就去網(wǎng)上查找資料,未找到解決方法,重新啟動webitor也沒用。于是我嘗試在這個界面做各種操作嘗試,一頓令人窒息的操作之后......把 “靜態(tài)/實時開關(guān)” 來回切花就成功了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容