客戶端的頁(yè)面通過 XML 來實(shí)現(xiàn) UI 的布局，頁(yè)面的 UI 布局作為一個(gè)樹形結(jié)構(gòu)，而樹葉被定義為節(jié)點(diǎn)。這里的節(jié)點(diǎn)也就對(duì)應(yīng)了我們要定位的元素，節(jié)點(diǎn)的上級(jí)節(jié)點(diǎn)，定義了元素的布局結(jié)構(gòu)。在 XML 布局中可以使用 XPath 進(jìn)行節(jié)點(diǎn)的定位。

App的布局結(jié)構(gòu)

從上面這張圖中可以看到最左側(cè)是應(yīng)用的頁(yè)面的展示，中間部分展示了這個(gè)頁(yè)面的樹形結(jié)構(gòu)的 XML 代碼。 其中包含的內(nèi)容為：

• 節(jié)點(diǎn) node

• 節(jié)點(diǎn)屬性：包括 clickable（是否可點(diǎn)擊）、content-desc（內(nèi)容）、resource-id（元素 id）、text（文本）、bounds（坐標(biāo)）等。

通過ID定位

在 Android 系統(tǒng)元素的 ID 稱為 resource-id，使用頁(yè)面分析工具比如 Appium Inspector 能夠獲取元素的唯一標(biāo)識(shí)是 ID 屬性，可以使用 ID 進(jìn)行元素定位，方便快捷。 示例代碼如下：

driver.find_element(By.ID, \?

"android:id/text1").click()

注意 resource-id 對(duì)應(yīng)的屬性（包名:id/id 值），在使用這個(gè)屬性的時(shí)候要把它當(dāng)作一個(gè)整體。

當(dāng)分析工具能抓取到的 content-desc 的屬性值是唯一時(shí)，可以采用 Accessibility 的定位方式，示例代碼：

driver.find_element_by_accessibility_id("Accessibility")

與 Selenium 類似，可以使用 XPath 的定位方式完成頁(yè)面的元素定位。XPath 分為絕對(duì)路徑定位與相對(duì)路徑定位兩種形式，下面介紹的都是相對(duì)定位的形式。 XPath：resource-id 屬性定位 元素可以通過 resource-id 定位。 格式：//*[@resource-id=‘resource-id屬性’] 示例代碼：

driver.find_element(By.XPATH, \?

'//*[@resource-id="rl_login_phone"]')

XPath：text 屬性定位 元素可以通過 text 文本屬性定位。 格式： //*[@text=’text文本屬性’] 示例代碼：

driver.find_element(By.XPATH,'//*[@text="我的"]')

XPath：class 屬性定位 元素可以通過 class 定位。 格式： //*[@class=’class 屬性’] 示例代碼：

driver.find_element(By.XPATH,\?

'//*[@class="android.widget.EditText"]')

XPath：content-desc 屬性定位 元素可以通過 content-desc 定位。 格式： //*[@content-desc=‘content-desc 屬性’] 示例代碼：

driver.find_element((By.XPATH,\

'//*[@content-desc="搜索"]')

使用 Android SDK（sdk/tools/uiautomatorviewer）路徑下自帶的 uiautomatorviewer 工具也可以抓取當(dāng)前頁(yè)面的元素。 提前配置 sdk/tools/路徑到環(huán)境變量 $PATH 中，直接在命令行輸入下面的命令：

uiautomatorviewer

可以打開下面這樣一個(gè)頁(yè)面，點(diǎn)擊頁(yè)面左上角第二個(gè)圖標(biāo)（Android 手機(jī)圖標(biāo)），就可以獲取下面的 uiautomatorviewer 快照?qǐng)D：

uiautomatorviewer 抓取快照展示出來的元素屬性是經(jīng)過解析的，我們要查看 XML DOM 的真實(shí)結(jié)構(gòu)可以打印 pagesource ，得到的內(nèi)容如下，紅色框起來的部分為上圖的定位的 XML DOM 中的一個(gè)節(jié)點(diǎn)：

通過圖片分析，android.widget.TextView 是文本類型的節(jié)點(diǎn)，其中包含的屬性信息都在上面的 uiautomatorviewer 快照?qǐng)D中有展示。如果只想定位 Android 系統(tǒng)的頁(yè)面元素，可以直接使用 uiautomatorviewer，速度快并且不需要配置任何參數(shù)，直接點(diǎn)擊獲取頁(yè)面的圖標(biāo)就可以將客戶端頁(yè)面抓取出來。

uiautomatorviewer 只能抓取 android8 以下的版本，如果要抓取 android8 以上的版本的頁(yè)面信息，可以使用 Appium Inspector 或 WEditor哦~