python selenium系列（二）元素定位方式

一 前言

元素定位，是操做元素的第一步，也是WebUI自動化的難點和核心。

 

二 元素定位方法

selenium提供了內置的方法完成對待操做元素的定位，主要分爲8類，其中，每類又可細分爲定位單個元素和定位多個元素，另外還提供了2個私有方法。詳細以下：

定位單個元素

·         find_element_by_id

·         find_element_by_name

·         find_element_by_xpath

·         find_element_by_link_text

·         find_element_by_partial_link_text

·         find_element_by_tag_name

·         find_element_by_class_name

·         find_element_by_css_selector

定位多個元素（注意elements，返回一個列表）

·         find_elements_by_id

·         find_elements_by_name

·         find_elements_by_xpath

·         find_elements_by_link_text

·         find_elements_by_partial_link_text

·         find_elements_by_tag_name

·         find_elements_by_class_name

·         find_elements_by_css_selector

兩個私有方法（從基本方法衍生）

find_element 和 find_elements 

這兩個私有方法實質是分別對應上面介紹的單元素定位和多元素定位的8類方法，以下所示：

from selenium.webdriver.common.by import By

driver.find_element(By.XPATH, '//button[text()="Some text"]')

driver.find_elements(By.XPATH, '//button')

By類的可用屬性

ID = "id"

XPATH = "xpath"

LINK_TEXT = "link text"

PARTIAL_LINK_TEXT = "partial link text"

NAME = "name"

TAG_NAME = "tag name"

CLASS_NAME = "class name"

CSS_SELECTOR = "css selector"

 

三 定位屬性說明

以百度頁面爲例，說明各定位屬性在頁面源碼中的表示方法，以下：

打開百度頁面，按鍵盤F12，打開開發工具，使用左上角的箭頭，點擊頁面元素，便可調轉到該元素的源碼部分。

By_id :    「kw」

By_name：」wd」

By_class_name：」s_ipt」

By_tag_name:  「input」

By_link_text:  」新聞」

By_partial_link_text : 「新」

Xpath和css能夠直接使用開發工具得到，方法是：

選中元素-à右鍵-àcopy-àcopy xpath/copy selector

By_xpath:  「//*[@id="kw"]」

By_css_selector:  」 #kw」

 

四 總結

只因此說WebUI元素定位是核心，是由於操做元素前必須先要定位到元素；只因此說元素定位又是難點所在，是由於selenium雖然提供了定位元素的方法，但有些場景直接套用方法會報錯，如元素是內嵌到frame，存在多個相同元素，彈框、加載延時等，此時須要對元素進行分析，而後採起應對方法，這也是webui自動化的經驗積累所在。下篇文章會專門介紹兩種元素定位思想。

 

其餘資源：
關於python selenium元素定位方法的視頻講解，請參看：http://i.youku.com/weiworld521 第 25 節。