前言
現(xiàn)在開始使用 Selenium 中的 Webdriver 框架編寫自動(dòng)化代碼腳本聪全,我們常見的在瀏覽器中的操作都會(huì)有相對應(yīng)的類方法,這些方法需要定位才能操作元素载佳,不同網(wǎng)頁的元素也不同炒事,可以根據(jù)自己情況選擇使用類方法。下面開始學(xué)習(xí)元素定位 蔫慧;
New一個(gè)后綴為.py的Python文件寫一段代碼挠乳,先感受一下代碼吧!寫完以后Ctrl+Shift+F10運(yùn)行代碼姑躲。
# -*- coding:utf-8 -*-
from selenium import webdriver # 從selenium模塊中導(dǎo)入webdrive類
driver = webdriver.Chrome() # 定義新的變量名,打開瀏覽器
driver.maximize_window() # 瀏覽器窗口最大化
driver.get("https://baidu.com") # 打開百度網(wǎng)址
# 定位百度首頁的搜索框,然后在搜索框中輸入Selenium
driver.find_element_by_id('kw').send_keys('Selenium')
# 定位百度首頁的百度一下,然后點(diǎn)擊一下
driver.find_element_by_id('su').click()
瀏覽不同的網(wǎng)頁元素也不同睡扬,可以選擇使用最合適你的情況的方法使用,下面介紹Selenium其中的16種定位方法:
WebDriver8種基本元素定位方式:
id定位:find_element_by_id(self, id_)
name定位:find_element_by_name(self, name)
class定位:find_element_by_class_name(self, name)
tag定位:find_element_by_tag_name(self, name)
link定位:find_element_by_link_text(self, link_text)
partial_link定位:find_element_by_partial_link_text(self, link_text)
xpath定位:find_element_by_xpath(self, xpath)
css定位:find_element_by_css_selector(self, css_selector)
這8種其實(shí)和上面的8種一樣的只不過后者是以復(fù)數(shù)形式出現(xiàn)(這些復(fù)數(shù)定位方法會(huì)返回一個(gè)列表的值):
id復(fù)數(shù)定位:find_elements_by_id(self, id_)
name復(fù)數(shù)定位:find_elements_by_name(self, name)
class復(fù)數(shù)定位:find_elements_by_class_name(self, name)
tag復(fù)數(shù)定位:find_elements_by_tag_name(self, name)
link復(fù)數(shù)定位:find_elements_by_link_text(self, text)
partial_link復(fù)數(shù)定位:find_elements_by_partial_link_text(self, link_text)
xpath復(fù)數(shù)定位:find_elements_by_xpath(self, xpath)
css復(fù)數(shù)定位:find_elements_by_css_selector(self, css_selector)
想要深入了解xpath黍析、css卖怜、復(fù)數(shù)定位的請加入我們,642830685阐枣,領(lǐng)取最新軟件測試大廠面試資料和Python自動(dòng)化马靠、接口奄抽、框架搭建學(xué)習(xí)資料!技術(shù)大牛解惑答疑甩鳄,同行一起交流
8種基本定位介紹逞度,掌握這8種基本可以橫著走了:
以百度為例這張圖是百度輸入框的,一眼看過去就看到了三種定位方式:
1. 通過id定位:
driver.find_element_by_id('kw').send_keys('Selenium')
2. 通過name定位:
driver.find_element_by_name('wd').send_keys('Selenium')
3. 通過class定位:
driver.find_element_by_class_name('s_ipt').send_keys('Selenium')
4. 通過tag定位:
tag其實(shí)是通過標(biāo)簽名去定位的妙啃,一般情況下一個(gè)頁面會(huì)存在大量相同的標(biāo)簽名這種定位方式不是很實(shí)用第晰,所以用的也就比 較少;
driver.find_element_by_tag_name('input').send_keys('Selenium')
5. 通過link_text定位:
HTML代碼中以a標(biāo)簽開頭的一般是超鏈接元素的標(biāo)記可以使用link_text可以精準(zhǔn)匹配彬祖;
<a name="tj_trnews" class="mnav">新聞</a>
driver.find_element_by_link_text('新聞').click()
6. 通過partial_link_text定位:
這種定位方式和上面的一樣也是通過HTML的a標(biāo)簽定位茁瘦,唯一不同的這種方式是模糊匹配,當(dāng)超鏈接名稱過長時(shí)储笑,這時(shí)候可以使用模糊匹配方式甜熔,截取其中一部分字符串就可以了;
driver.find_element_by_partial_link_text('聞').click()
7. 通過xpath定位:
xpath是XML路徑語言突倍,它可以用來確定xml文檔中的節(jié)點(diǎn)元素位置腔稀,通過元素的路徑來完成對元素的查找。HTML就是XML的一種實(shí)現(xiàn)方式羽历,可以自行選擇絕對路徑和相對路徑作為匹配的路徑
雙斜杠(//) = 相對路徑焊虏,可以選擇任何一個(gè)節(jié)點(diǎn)作為起始點(diǎn)
單斜桿(/) = 絕對路徑,就是從網(wǎng)頁代碼的html開始一層一層找
() = 匹配任何元素節(jié)點(diǎn)秕磷;(@)= 匹配任何屬性節(jié)點(diǎn)
1诵闭、xpath可以使用id,name澎嚣,class元素進(jìn)行定位:
# 使用xpath方法的id屬性定位'
driver.find_element_by_xpath("http://*[@id='kw']").send_keys('Selenium')
# 使用xpath方法的name屬性定位
driver.find_element_by_xpath("http://*[@name='wd']").send_keys('Selenium')
# 使用xpath方法的class屬性定位
driver.find_element_by_xpath("http://*[@class='s_ipt']").send_keys('Selenium')
2疏尿、除了使用class,id易桃,name定位褥琐,也可以手動(dòng)選取節(jié)點(diǎn)來進(jìn)行定位:
# 使用 // 選取當(dāng)前節(jié)點(diǎn)
driver.find_element_by_xpath("http://input[@id='kw']").send_keys('Selenium')
# 使用 // 選取父節(jié)點(diǎn)
driver.find_element_by_xpath("http://span[@class='bg s_ipt_wr quickdelete-wrap']/input").send_keys('Selenium')
# 使用 // 選取爺節(jié)點(diǎn)
driver.find_element_by_xpath("http://form[@id='form']/span[1]/input").send_keys('Selenium')
3、使用絕對路徑定位代碼會(huì)很長晤郑,有其中一個(gè)元素發(fā)生變化就會(huì)失效還有程序在運(yùn)行的時(shí)候會(huì)檢索會(huì)比較慢敌呈,剝絲抽繭一層層的找會(huì)很慢,不建議使用造寝;
driver.find_element_by_xpath('html/body/div[1]/div[1]/div/div[1]/div/form/span[1]/input').send_keys('Selenium')
8. 通過css定位:
1磕洪、css也頗為強(qiáng)大xpath可以干的事css也可以干,css的語法更為簡潔匹舞,更為高效褐鸥。而相對初學(xué)者xpath看起來更直觀,更好理解赐稽;
# 使用 css 通過 id 定位
driver.find_element_by_css_selector('#kw').send_keys('Selenium')
# 使用 css 通過 class 定位
driver.find_element_by_css_selector('.s_ipt').send_keys('Selenium')
# 使用 css 通過 name 定位
driver.find_element_by_css_selector("[name='wd']").send_keys('Selenium')
# 使用 css 通過 autocomplete 定位
driver.find_element_by_css_selector("[autocomplete='off']").send_keys('Selenium')
2叫榕、css除了使用元素的屬性定位也可以和xpath一樣使用層級關(guān)系進(jìn)行定位:
# 使用 css 通過 標(biāo)簽定位
driver.find_element_by_css_selector('input').send_keys('Selenium')
# 使用 css 標(biāo)簽屬性定位
driver.find_element_by_css_selector('input.s_ipt').send_keys('Selenium')
driver.find_element_by_css_selector('input#kw').send_keys('Selenium')
# 層級關(guān)系
driver.find_element_by_css_selector("input[id='kw']").send_keys('Selenium')
driver.find_element_by_css_selector("input[name='wd']").send_keys('Selenium')
driver.find_element_by_css_selector("input[autocomplete='off']").send_keys('Selenium')
# 層級關(guān)系
driver.find_element_by_css_selector("form#form>span>input").send_keys('Selenium')
driver.find_element_by_css_selector("form.fm>span>input").send_keys('Selenium')
driver.find_element_by_css_selector("form[name='f']>span>input").send_keys('Seleniu