【selenium學習筆記一】python + selenium定位頁面元素的辦法。

一、什麼是Selenium，爲何web測試，你們都用它？

　　Selenium設計初衷就是爲web項目的驗收測試再開發。內核使用的是javaScript語言編寫，幾乎支持因此能運行javaScript的瀏覽器，支持windows\linux\macos等各類平臺。

　　Selenium 腳本是用多種受支持的編程語言中的一種編寫的 —— 目前可用的有 Java、Ruby 和 Python 驅動程序。這些腳本在瀏覽器以外的一個單獨的進程中運行。驅動程序的任務是執行測試腳本，並經過與運行在瀏覽器中的 browser bot 進行通訊來驅動瀏覽器。驅動程序與 browser bot 之間的通訊使用一種簡單的特定於 Selenium 的鏈接語言 Selenese。

　　Selenium 是軟件工程師、設計人員和測試人員的工具箱中又一個有用且重要的工具。經過將該工具與持續集成工具相結合，團隊就能夠將驗收測試自動化，並構建更好的軟件，由於他們能夠更容易、更早、更頻繁地發現 bug。Selenium 的另外一個優勢是能夠節省時間，使開發人員和測試人員沒必要將時間花在本能夠（也應該）自動化的手工任務上，從而讓團隊將精力放在更有價值的活動上。

 

二、幾種常見的Selenium查找（定位）WEB元素的方法。

　　Python：

　　1）查找元素的ID。

　　　　from selenium import webdriver

　　　　browser = webdriver.Firefox()

　　　　browser.find_element_by_id("Element's id")

　　2）經過元素的name來定位。

　　　　browser.find_element_by_name("Element's name")

　　3）經過所應用的樣式表名className。

　　　　browser.find_element_by_class_name("class name")

　　4）經過CSS應用特徵。

　　　　find_element_by_css_selector("a[id='id']")

　　5）經過連接的文本。

　　　　browser.find_element_link_name("link name")

　　6）經過XPATH定位。

　　　　browser.find_element_by_xpath("//***[*='**']")

下面轉載一篇寫得比較好的兄弟的博文：

　　

selenium對web各元素的操做首先就要先定位元素，定位元素的方法主要有如下幾種：

• 經過id定位元素：find_element_by_id("id_vaule")
• 經過name定位元素：find_element_by_name("name_vaule")
• 經過tag_name定位元素：find_element_by_tag_name("tag_name_vaule")
• 經過class_name定位元素：find_element_by_class_name("class_name")
• 經過css定位元素：find_element_by_css_selector();用css定位是比較靈活的
• 經過xpath定位元素：find_element_by_xpath("xpath")
• 經過link定位：find_element_by_link_text("text_vaule")或者find_element_by_partial_link_text()

以百度首頁爲例：下面是百度輸入框的html代碼，能夠經過firebug或者谷歌的審查元素或得

<input type="text"name="wd" id="kw1" maxlength="100"style="width:474px;"

autocomplete="off">

1.經過id定位，則百度的輸入框便可表示爲：find_element_by_id("kw1")

2.經過name定位則能夠表示爲：find_element_by_name("wd")

3.經過tag_name定位：input其實就是tag_name（標籤名），一樣也能夠表示成：

find_element_by_tag_name("input")

下面是「百度一下」按鈕的html

<span class="btn_wr">

<inputtype="submit" value="百度一下" id="su1" class="btn" onmousedown=

"this.className='btnbtn_h'" onmouseout="this.className='btn'">

</span>

4.經過class_name定位，「百度一下」按鈕則能夠表示成find_element_by_class_name("btn_wr")

5.經過css定位，這個比較靈活，想要徹底弄懂，花費的時間是

比較多的，我的以爲沒有必要

百度輸入框

<input

type="text" name="wd"id="kw1" maxlength="100"style="width:474px;"autocomplete="off">

• 如取id，百度輸入框則能夠表示爲：find_element_by_css_selector("a[id=\"kw1\"]")
• 如取name，又能夠表示爲：find_element_by_css_selector("a[name=\"wd\"]")
• <aonclick="queryTab(this);"mon="col=502&pn=0"title="web"href="http://www.baidu.com/">網頁</a>
• 還能夠用title，如百度的網頁連接能夠表示爲find_element_by_css_selector("a[title=\"web\"]")

<aclass="RecycleBinxz"href="javascript:void(0);">

• 還也一樣能夠用class，上面的代碼有能夠用find_element_by_css_selector("a.RecycleBin")

6.經過XPath定位

首先咱們要了解XPath是上面東西，XPath是一種在XML

文檔中定位元素的語言。由於HTML能夠看作XML的一種實現，

因此selenium用戶但是使用這種強大語言在web應用中定

位元素，詳情請閱讀：

什麼是XPath：http://www.w3.org/TR/xpath/
XPath基礎教程：http://www.w3schools.com/xpath/default.asp

selenium中被誤解的XPath：

http://magustest.com/blog/category/webdriver/

xpath:attributer（屬性）

driver.find_element_by_xpath("//input[@id='kw1']")

表示input標籤下id =kw1的元素

 

xpath:idRelative（id相關性）

driver.find_element_by_xpath("//div[@id='fm']/form/span/input")

表示在/form/span/input層級標籤下有個div標籤的id=fm的元素

 

driver.find_element_by_xpath("//tr[@id='check']/td[2]")

表示id爲'check'的tr，定閃他裏面的第2個td

 

xpath:position（位置）

driver.find_element_by_xpath("//input")

driver.find_element_by_xpath("//tr[7]/td[2]")

表示第7個tr裏面的第2個td

 

xpath: href（水平參考）

driver.find_element_by_xpath("//a[contains(text(),'網頁')]")

表示在a標籤下有個文本（text）包含（contains）'網頁' 的元素

 

xpath:link

driver.find_element_by_xpath("//a[@href='http://www.baidu.com/']")

表示有個叫a的標籤，他有個連接href='http://www.baidu.com/的元素

7.經過link定位

有時候不是一個輸入框也不是一個按鈕，而是一個文字連接，咱們能夠經過link

#coding=utf-8

 

fromseleniumimportwebdriver

importtime

df = webdriver.Firefox() #選擇firefox瀏覽器

df.get("http://www.baidu.com") #打開百度網頁

time.sleep(2) #暫停2秒，不是毫秒

df.find_element_by_link_text("貼 吧").click() #點擊貼吧連接

time.sleep(2)

df.quit() #關閉瀏覽器

 

PartialLinkText定位

經過部分連接定位，這個有時候也會用到，我尚未想到很好的用處。拿上面的例子，我能夠只用連接的一部分文字進行匹配：

browser.find_element_by_partial_link_text("貼").click()

 

經過find_element_by_partial_link_text()函數，我只用了「貼」字，腳本同樣找到了"貼吧"的連接