selenium中常見的表單元素操作方法總結(jié)

更新時(shí)間：2022年02月25日 10:47:05 作者：Bruce_Liuxiaowei

Selenium可以驅(qū)動(dòng)瀏覽器來執(zhí)行一些操作,也就是說可以讓瀏覽器模擬執(zhí)行一些動(dòng)作,下面這篇文章主要給大家介紹了關(guān)于selenium中常見的表單元素操作方法,需要的朋友可以參考下

前言

selenium是瀏覽器自動(dòng)化測(cè)試框架，是一個(gè)用于Web應(yīng)用程序測(cè)試的工具，可以直接運(yùn)行在瀏覽器當(dāng)中，并可以驅(qū)動(dòng)瀏覽器執(zhí)行指定的動(dòng)作，如點(diǎn)擊、下拉、填充數(shù)據(jù)、刪除cookie等操作，還可以獲取瀏覽器當(dāng)前頁(yè)面的源代碼，就像用戶在瀏覽器中操作一樣。該工具所支持的瀏覽器有IE瀏覽器、Mozilla Firefox以及Google Chrome等。selenium有很多語(yǔ)言的版本，比如：Java、Ruby、Python等。

操作表單元素

常見的表單元素

§ Input
§ button
§ checkbox
§ select

1、操作輸入框：分為兩步，第一步：找到元素第二步：使用send_keys(value),將數(shù)據(jù)填充進(jìn)去。示例代碼如下：

# 以百度為例
#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 3:35 PM
# 文件      ：selenium操作input.py
# IDE      ：PyCharm

# 導(dǎo)入webdriver 模塊
from selenium import webdriver
# 導(dǎo)入time模塊
import time

# 創(chuàng)建瀏覽器引擎
driver = webdriver.Chrome(executable_path='chromedriver')

# 指定url
url = 'http://www.baidu.com'

# 使用引擎打開網(wǎng)頁(yè)
driver.get(url)

# 通過ID查找input框
inputTag = driver.find_element_by_id('kw')
# 向input框發(fā)送python值
inputTag.send_keys('python')

# 停頓3秒
time.sleep(3)

使用clear 方法可以清除輸入框中的內(nèi)容。示例代碼如下：

# 自動(dòng)清除
inputTag.clear()
# 停頓3秒
time.sleep(3)

# 關(guān)閉當(dāng)前瀏覽頁(yè)
driver.close()

2、操作checkbox:因?yàn)橐x中checkbox 標(biāo)簽，在網(wǎng)頁(yè)中是通過鼠標(biāo)點(diǎn)擊的。因此想要選中checkbox標(biāo)簽，那么選中這個(gè)標(biāo)簽，然后執(zhí)行click事件。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 3:35 PM
# 文件      ：selenium操作checkbox.py
# IDE      ：PyCharm


# 導(dǎo)入webdriver模塊
from selenium import webdriver
import time

# 創(chuàng)建瀏覽器引擎
driver = webdriver.Chrome(executable_path='chromedriver')

# 設(shè)定url
url = 'https://passport.mingrisoft.com/login/index.html?tpl=sch'

# 打開網(wǎng)頁(yè)
driver.get(url)

# 通過name查找checkbox，本例默認(rèn)是選中的
checkboxTag = driver.find_element_by_name('rempwd')
# 執(zhí)行click()命令，取消默認(rèn)選中
checkboxTag.click()
# 停頓3秒
time.sleep(3)
# 關(guān)閉當(dāng)前瀏覽頁(yè)
driver.close()

3、選擇select：select元素不能直接點(diǎn)擊。因?yàn)辄c(diǎn)擊后還需要選中元素，因此selenium專門為select標(biāo)簽提供了一個(gè)類selenium.webdriver.support.ui.Select。將獲取的元素當(dāng)成參數(shù)傳到這個(gè)類中，創(chuàng)建這個(gè)對(duì)象。以后就可以使用這個(gè)對(duì)象進(jìn)行選擇了。示例代碼如下：

from selenium.webdriver.support.ui import Select
# 選中這個(gè)標(biāo)簽，然后使用Select創(chuàng)建對(duì)象
selectTag = Select(driver.find_element_by_name('jumpMenu'))
# 根據(jù)索引選擇
selectTag.select_by_index(1)
# 根據(jù)值選擇
selectTag.select_by_value('http://www.95yueba.com')
# 根據(jù)可是的文本選擇
selectTag.select_by_visible_text('95秀客戶端')
# 取消所有選項(xiàng)
selectTag.deselect_all()

4、操作按鈕：操作按鈕有很多種方式。比如單擊、右擊、雙擊等。常用的是點(diǎn)擊。直接調(diào)用click函數(shù)就可以。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 4:59 PM
# 文件      ：selenium操作按鈕標(biāo)簽.py
# IDE      ：PyCharm

# 導(dǎo)入webdriver 模塊
from selenium import webdriver
# 導(dǎo)入Select模塊
from selenium.webdriver.support.ui import Select
# 導(dǎo)入time模塊
import time

# 創(chuàng)建瀏覽器引擎
driver = webdriver.Chrome(executable_path='chromedriver')

# 指定url
url = 'http://www.baidu.com'

# 使用引擎打開網(wǎng)頁(yè)
driver.get(url)

# 通過ID查找input框
inputTag = driver.find_element_by_id('kw')
# 向input框發(fā)送python值
inputTag.send_keys('python')

# 查找百度一下按鈕
submitTag = driver.find_element_by_id('su')
# click()執(zhí)行百度命令
submitTag.click()
# 關(guān)閉當(dāng)前瀏覽器頁(yè)面
driver.close()

行為鏈

所謂“行為鏈”就是一連串的操作動(dòng)作。有時(shí)候在頁(yè)面中的操作可能要有很多步，那么這時(shí)候可以使用鼠標(biāo)行為鏈類ActionChains來完成。例如將鼠標(biāo)移動(dòng)到某個(gè)元素上并執(zhí)行點(diǎn)擊事件。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 5:34 PM
# 文件      ：selenium操作行為鏈.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
import time

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

url = 'http://www.baidu.com/'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)
driver.get(url)

# 找到input、百度一下標(biāo)簽
inputTag = driver.find_element_by_id('kw')
submitTag = driver.find_element_by_id('su')

# 創(chuàng)建行為
actions = ActionChains(driver)
# 選中input框，然后輸入'中國(guó)女足'
actions.move_to_element(inputTag)
actions.send_keys_to_element(inputTag, '中國(guó)女足')
# 選中百度一下標(biāo)簽，然后單擊
actions.move_to_element(submitTag)
actions.click(submitTag)
# 統(tǒng)一執(zhí)行actions
actions.perform()

time.sleep(13)
driver.close()

還有更多的鼠標(biāo)相關(guān)操作

click_and_hold(element):點(diǎn)擊但不松開鼠標(biāo)
context_click(element):右鍵點(diǎn)擊
double_click(element):雙擊

更多方法參考：http://selenium-python.readthedocs.io/api.html

Cookie操作

1、獲取所有的cookie

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 6:57 PM
# 文件      ：selenium操作cookie.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.baidu.com/'

# 訪問url
driver.get(url)
for cookie in driver.get_cookies():
    print(cookie)

driver.close()

程序運(yùn)行結(jié)果如下：

{'domain': '.baidu.com', 'expiry': 1675940497, 'httpOnly': False, 'name': 'BAIDUID_BFESS', 'path': '/', 'sameSite': 'None', 'secure': True, 'value': '058DB780F413036AE207FA5D5DBDFD0D:FG=1'}
{'domain': '.baidu.com', 'expiry': 1644408097, 'httpOnly': False, 'name': 'BA_HECTOR', 'path': '/', 'secure': False, 'value': 'ac81212k8l8180e5ug1h077oi0q'}
{'domain': '.baidu.com', 'httpOnly': False, 'name': 'H_PS_PSSID', 'path': '/', 'secure': False, 'value': '35414_35104_31254_35488_34584_35491_35796_35316_26350_35765_35745'}
{'domain': '.baidu.com', 'expiry': 1675940496, 'httpOnly': False, 'name': 'BAIDUID', 'path': '/', 'secure': False, 'value': '058DB780F413036AE207FA5D5DBDFD0D:FG=1'}
{'domain': '.baidu.com', 'expiry': 3791888143, 'httpOnly': False, 'name': 'BIDUPSID', 'path': '/', 'secure': False, 'value': '058DB780F413036A0DFEEB9DEAF54433'}
{'domain': '.baidu.com', 'expiry': 3791888143, 'httpOnly': False, 'name': 'PSTM', 'path': '/', 'secure': False, 'value': '1644404497'}
{'domain': 'www.baidu.com', 'expiry': 1645268497, 'httpOnly': False, 'name': 'BD_UPN', 'path': '/', 'secure': False, 'value': '123253'}
{'domain': 'www.baidu.com', 'httpOnly': False, 'name': 'BD_HOME', 'path': '/', 'secure': False, 'value': '1'}
Process finished with exit code 0

2、根據(jù)cookie的key獲取cookie的value，示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 6:57 PM
# 文件      ：selenium操作cookie.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.baidu.com/'

# 訪問url
driver.get(url)
# 通過某個(gè)key獲取cookie的value
print(driver.get_cookie('PSTM'))
driver.close()

程序運(yùn)行結(jié)果如下：

{'domain': '.baidu.com', 'expiry': 3791888742, 'httpOnly': False, 'name': 'PSTM', 'path': '/', 'secure': False, 'value': '1644405096'}

Process finished with exit code 0

3、刪除所有的cookies,示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 6:57 PM
# 文件      ：selenium操作cookie.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.baidu.com/'

# 訪問url
driver.get(url)
# 刪除所有cookies
driver.delete_all_cookies()

程序運(yùn)行結(jié)果如下：

4、刪除某個(gè)cookie,示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 6:57 PM
# 文件      ：selenium操作cookie.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.baidu.com/'

# 訪問url
driver.get(url)

for cookie in driver.get_cookies():
    print(cookie)

# driver.close()

# 根據(jù)cookie的key獲取cookie值
# print(driver.get_cookie('PSTM'))

# 刪除指定的cookie
driver.delete_cookie('PSTM')
print(driver.get_cookie('PSTM'))

程序運(yùn)行結(jié)果如下：

{'domain': '.baidu.com', 'expiry': 1644409502, 'httpOnly': False, 'name': 'BA_HECTOR', 'path': '/', 'secure': False, 'value': '2s04ag8l0g252g6k6o1h0794f0q'}
{'domain': '.baidu.com', 'httpOnly': False, 'name': 'H_PS_PSSID', 'path': '/', 'secure': False, 'value': '35105_31253_34584_35490_35246_35796_35315_26350_35724_35765_35746'}
{'domain': '.baidu.com', 'expiry': 1675941902, 'httpOnly': False, 'name': 'BAIDUID', 'path': '/', 'secure': False, 'value': 'ACFC052478761063262775E7A2DE4C5F:FG=1'}
{'domain': '.baidu.com', 'expiry': 3791889549, 'httpOnly': False, 'name': 'BIDUPSID', 'path': '/', 'secure': False, 'value': 'ACFC052478761063DE9BEFA0F014E38F'}
# 沒刪除之前是存在的
{'domain': '.baidu.com', 'expiry': 3791889549, 'httpOnly': False, 'name': 'PSTM', 'path': '/', 'secure': False, 'value': '1644405902'}
{'domain': 'www.baidu.com', 'expiry': 1645269902, 'httpOnly': False, 'name': 'BD_UPN', 'path': '/', 'secure': False, 'value': '123253'}
{'domain': 'www.baidu.com', 'httpOnly': False, 'name': 'BD_HOME', 'path': '/', 'secure': False, 'value': '1'}
# 刪除之后，返回結(jié)果None
None

Process finished with exit code 0

頁(yè)面等待

現(xiàn)在網(wǎng)頁(yè)很多采用了Ajax技術(shù)，這樣程序便不能確定何時(shí)某個(gè)元素完全加載出來了。如果實(shí)際頁(yè)面等待時(shí)間過長(zhǎng)導(dǎo)致某個(gè)dom元素還沒加載，但是你的代碼直接使用了這個(gè)WebElement，那么會(huì)報(bào)錯(cuò)NullPointer的異常。為了解決這個(gè)問題，selenium提供了兩種等待方式：隱式等待，顯示等待。

1.隱式等待：調(diào)用driver.implicitly_wait，那么在獲取任何元素之前，會(huì)先等待10秒時(shí)間。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 8:25 PM
# 文件      ：隱式等待.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver
# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.csdn.net/'

driver.get(url)

# 隱式等待10秒
driver.implicitly_wait(10)
# 隨意指定一個(gè)id值
driver.find_element_by_id('dfsfasdfasfasfsfdsafds')

2.顯式等待：顯式等待是表明某個(gè)條件成立后才執(zhí)行獲取元素的操作。也可以在等待的時(shí)候指定一個(gè)最大的時(shí)間，如果超過這個(gè)時(shí)間那么就報(bào)異常錯(cuò)誤。顯式等待應(yīng)該使用selenium.webdriver.support.excepted_conditions期望的條件和selenium.webdriver.support.ui.WebDriverWait來配合完成。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 8:30 PM
# 文件      ：顯式等待.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver
from selenium.webdriver.common.by import By
# 導(dǎo)入顯式等待模塊
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

headers = {
  'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36',
 'cookie':'uuid_tt_dd=10_20562014200-1642230088053-480005; __gads=ID=6d32e6ec1ea72d65-225f830cd5cf00dc:T=1642230106:RT=1642230106:S=ALNI_MZjtH_S6lcshDmkkDY4DQKIA1Ateg; ssxmod_itna=QqAxyD0DRD9G9ixl+D+rFOep8GfDc0AWOYPhx0HAeiODUxn4iaDToPTDGq+mR4YeSQm3BDQeYGYPGCijnRbiVb1YP5QbDneG0DQKGmzxGUFD7w+e2p=qDPDbxYPDGQqDbDY8tGwDY5HDGqDnDY=XD7Ug7AmWFMjgeudDCgmpli+zWi5oDOpxfi5IW8D=0DeI7i5K+A+zWc4qeowjSEFDGSTQ2iD=; ssxmod_itna2=QqAxyD0DRD9G9ixl+D+rFOep8GfDc0AWOYPxnK3xqqDsqDBQDjbPxx=MdidGYnBa2KYHl+iq7KwCb8uGrDgeC7owaD4m0DHDa7dIL3soD+I+02APk8wU977qxT8zGTNw63Xu1Mf=8QGDStRKPzTE+Df0p/+vBjRQszRPoMqf248fp03YujRGGUWjhzlUEIjrfAC2fzOYpG3dF1RfOaGDWD7jgD7=DeqxxD==; UserName=weixin_41905135; UserInfo=5d63720898c541cfa30ae44e4525ef44; UserToken=5d63720898c541cfa30ae44e4525ef44; UserNick=Bruce_Liuxiaowei; AU=E1F; UN=weixin_41905135; BT=1642230175210; p_uid=U110000; Hm_up_6bcd52f51e9b3dce32bec4a3997715ac={"islogin":{"value":"1","scope":1},"isonline":{"value":"1","scope":1},"isvip":{"value":"1","scope":1},"uid_":{"value":"weixin_41905135","scope":1}}; Hm_ct_6bcd52f51e9b3dce32bec4a3997715ac=6525*1*10_20562014200-1642230088053-480005!5744*1*weixin_41905135; c_dl_prid=1643325931307_582254; c_dl_rid=1644247742278_429472; c_dl_fref=https://blog.csdn.net/orange_xiang/article/details/82924296; c_dl_fpage=/download/weixin_38701952/12853345; c_dl_um=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-82924296.first_rank_v2_pc_rank_v29; dc_session_id=10_1644408299161.775025; dc_sid=8287d83a7595ae0d8779cb4fcedbe31a; csrfToken=Lb84yS2_Mi8haar-7oGjC4bZ; c_first_ref=default; c_first_page=https://www.csdn.net/; c_segment=5; Hm_lvt_6bcd52f51e9b3dce32bec4a3997715ac=1644373995,1644395322,1644401531,1644409224; c_page_id=default; log_Id_click=364; c_pref=https://www.csdn.net/; c_ref=https://blog.csdn.net/weixin_41905135?spm=1000.2115.3001.5343; dc_tos=r71fd2; log_Id_pv=444; Hm_lpvt_6bcd52f51e9b3dce32bec4a3997715ac=1644410632; log_Id_view=722'
}
# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 創(chuàng)建driver
driver = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'https://www.csdn.net/'
driver.get(url)
try:
    element = WebDriverWait(driver, 10).until(EC.presence_of_element_located((By.ID, 'sousuo')) # 參數(shù)以元組形式傳入
    )
finally:
    driver.quit()

3、一些其他等待條件

presence_of_element_located:某個(gè)元素已經(jīng)加載完畢
presence_of_all_element_located:網(wǎng)頁(yè)中所有滿足條件的元素加載完畢
element_to_be_cliable:某個(gè)元素可以點(diǎn)擊了

切換頁(yè)面

有時(shí)候窗口中有很多子tab頁(yè)面。這時(shí)候需要切換頁(yè)面的。selenium提供了一個(gè)叫做switch_to_window來進(jìn)行切換，具體切換到哪個(gè)頁(yè)面，可以從driver.window_handles中找到。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/9/22 9:57 PM
# 文件      ：切換頁(yè)面.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

# 指定url
url1 = 'https://www.douban.com/'
url2 = 'https://www.baidu.com/'
driver = webdriver.Chrome(executable_path=execute_path)

driver.get(url1)
driver.execute_script("window.open('https://www.baidu.com/')")

程序運(yùn)行結(jié)果如下圖：

切換到指定窗口，代碼如下：

# 從driver.window_handlers中取出具體的窗口，driver.window_handlers是一個(gè)列表，里面是窗口句柄
# 此案例只打開兩個(gè)窗口，所以handles列表取‘1'
driver.switch_to_window(driver.window_handles[1])

設(shè)置代理ip

爬取網(wǎng)頁(yè)的時(shí)候?yàn)楸苊獗环獾鬷p地址，我們就會(huì)需要代理ip，隨時(shí)更換ip地址。不同的瀏覽器有不同的實(shí)現(xiàn)方式，本文以Chrome瀏覽器為例。示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/10/22 9:57 AM
# 文件      ：設(shè)置代理ip.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver

# chromedriver路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'

options = webdriver.ChromeOptions()
options.add_argument("--proxy-server=http://218.75.69.50:57903")

driver = webdriver.Chrome(executable_path=execute_path, chrome_options=options)
driver.get('http://httpbin.org/ip')

程序運(yùn)行結(jié)果如下圖：

WebElement元素

從網(wǎng)頁(yè)中獲取網(wǎng)頁(yè)元素，from selenium.webdriver.remote.webelement import WebElement 類是每個(gè)獲取的元素的所屬類。一些常用的屬性如下：

1、get_attribute:獲取標(biāo)簽?zāi)硞€(gè)屬性值

2、screenshot:獲取當(dāng)前頁(yè)面的截圖，并保存為png格式，此方法只能在driver上使用。

示例代碼如下：

#_*_coding:utf-8_*_
# 作者      ：liuxiaowei
# 創(chuàng)建時(shí)間   ：2/10/22 10:28 AM
# 文件      ：獲取網(wǎng)頁(yè)元素.py
# IDE      ：PyCharm

# 導(dǎo)入模塊
from selenium import webdriver
from selenium.webdriver.remote.webelement import WebElement

# 指定瀏覽器驅(qū)動(dòng)的路徑
execute_path = '../使用selenium爬取動(dòng)態(tài)加載的信息/chromedriver'
# 創(chuàng)建瀏覽器驅(qū)動(dòng)
brower = webdriver.Chrome(executable_path=execute_path)

# 指定url
url = 'http://www.baidu.com/'

# 打開網(wǎng)頁(yè)
brower.get(url)

# 找到搜索按鈕"百度一下"
baidu_Btn = brower.find_element_by_id('su')
print(type(baidu_Btn))
# 獲取按鈕屬性value的值
print(baidu_Btn.get_attribute('value'))

# 保存網(wǎng)頁(yè)截圖
brower.save_screenshot('baidu.png')

運(yùn)行結(jié)果如下：