Selenium 4.2.0 標籤定位8種方法詳解

2022-06-16 10:02:40

背景

Selenium4使用find_element(by=By.**, value=*)來替換了原來的find_element_by_* 的方法，使用find_elements(by=By.*, value=*)來替換了原來的find_elements_by_* 的方法。

By類定義在 site-packagesseleniumwebdrivercommonby.py中:

這就是Selenium4的8種定位方法

元素定位

元素本身是什麼：HTML靜態頁面中的的一個標籤
元素定位一般而言是基於元素自身所包含有的特點來進行定位的。
包括：標籤的名稱（決定元素是什麼）、標籤的屬性（決定元素有什麼特質），標籤的文字

定位元素的方法

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”

id：有ID就用ID定位，基本不會重複
name：有name可以考慮用，name類似於人的名字，雖然相對少見的值，但是容易重名
link text：基於文字定位連結標籤
partial link text：類似於SQL中的like%,模糊查詢
tag name：基於標籤名稱來查詢元素，大概率有多個結果，一般用於查詢多個重複的內容的時候使用。
class：基於class屬性進行元素查詢，非必要不推薦，重複率高
css selector：定位界萬金油，有自己的獨特語法，定位語法麻煩，基於標籤的class內容進行定位，使用copy
selector確定位置

xpath：定位界萬金油，有自己的獨特語法，定位速度慢，基於樹狀結構形態定位,使用Copy XPath, Copy full
XPath來確定位置

總結：有id用id，沒id用name，都不行用css/xpath，連結可以用link text。find_element元素定位如果同時有多個結果，預設返回定位的第一個結果;find_elements元素定位返回一個列表

範例

測試目的

測試Selenium4的8種元素定位方法

ID、CSS_SELECTOR

輸入欄輸入yoga,點選搜尋

範例網站

京東

範例程式碼

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
service = Service(executable_path=r"C:Program Files (x86)GoogleChromeApplicationchromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get(url="https://www.jd.com/")
# id
driver.find_element(by=By.ID,value="key").send_keys("yoga")
# css selector
driver.find_element(by=By.CSS_SELECTOR,value="#search > div > div.form > button").click()
time.sleep(3)
driver.quit()

結果展示

NAME、LINK_TEXT、PARTIAL_LINK_TEXT

用NAME元素輸入yoga，用LINK_TEXT定位how123,用PARTIAL_LINK_TEXT定位hao123

範例網站

可以自行百度

範例程式碼

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
service = Service(executable_path=r"C:Program Files (x86)GoogleChromeApplicationchromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get(url="https://www.baidu.com/")
# id
driver.find_element(by=By.NAME,value="wd").send_keys("yoga")
time.sleep(3)
driver.get(url="https://www.baidu.com/")
# link text
driver.find_element(by=By.LINK_TEXT,value="hao123").click()
time.sleep(3)
# css selector
driver.get(url="https://www.baidu.com/")
driver.find_element(by=By.PARTIAL_LINK_TEXT,value="1").click()
time.sleep(3)
driver.quit()

結果展示

CSS、XPATH

點選熱搜第一

範例網站

微博熱搜

範例程式碼

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
service = Service(executable_path=r"C:Program Files (x86)GoogleChromeApplicationchromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get(url="https://weibo.com/newlogin?tabtype=search&openLoginLayer=0&url=")

time.sleep(6) # Redirect
# css selector
driver.find_element(by=By.CSS_SELECTOR,value="#scroller > div.vue-recycle-scroller__item-wrapper > div:nth-child(2) > div > div > a > div > div > div.woo-box-item-flex").click()
time.sleep(3)

# xpath
driver.get(url="https://weibo.com/newlogin?tabtype=search&openLoginLayer=0&url=")
time.sleep(6)
driver.find_element(by=By.XPATH,value='//*[@id="scroller"]/div[1]/div[2]/div/div/a/div/div/div[1]').click()

time.sleep(3)
driver.quit()

結果展示

CSDN判定圖片違規，無法上傳

TAG_NAME、CLASS

去除首頁作弊通知彈窗

範例平臺

豆豆玩

範例程式碼

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
service = Service(executable_path=r"C:Program Files (x86)GoogleChromeApplicationchromedriver.exe")
driver = webdriver.Chrome(service=service)
driver.get(url="http://doudouwan.com/")
# tag name
el = driver.find_elements(by=By.TAG_NAME,value="a")[83]
# el2 = driver.find_elements(by=By.CLASS_NAME,value='layui-layer-btn0')[0]
# for i in range(len(el)):
#     if el[i] == el2:
#         print(i)
time.sleep(3)
# delete all cookies in this website, and do not need to refresh driver
driver.delete_all_cookies()
# xpath
driver.get(url="http://doudouwan.com/")
time.sleep(6)
driver.find_elements(by=By.CLASS_NAME,value='layui-layer-btn0')[0].click()
time.sleep(3)
driver.quit()

結果展示