在做 Web 自动化测试时，我们经常会遇到页面元素属性动态变化的情况，比如每次刷新后 id 后面带一串随机字符，或者元素出现时间不确定。用 Selenium 和 Python 处理这类问题，需要换一种更稳的定位思路。
为什么普通定位会失效
传统写法喜欢直接用绝对 id 或固定 XPath，但前端框架如 Vue、React 常会生成类似 btn_5821 这样的动态值。一旦重新渲染，原定位器就找不到了。
常用高效定位策略
1. 使用包含匹配
通过 Selenium 的 By 结合 XPath 的 contains 函数，可以忽略动态后缀：
from selenium import webdriver
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
driver.get('https://ipipp.com/demo')
# 匹配 id 中包含 btn_ 的元素
el = driver.find_element(By.XPATH, "//button[contains(@id, 'btn_')]")
el.click()
2. 使用 CSS 属性通配
CSS 选择器也支持开头或包含匹配，写法更简洁：
# 选择 class 以 item- 开头的 div items = driver.find_elements(By.CSS_SELECTOR, "div[class^='item-']") print(len(items))
3. 显式等待动态出现
元素可能延迟加载，用 WebDriverWait 比强制 sleep 更可靠：
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
wait = WebDriverWait(driver, 10)
node = wait.until(
EC.presence_of_element_located((By.XPATH, "//span[contains(@class,'price')]"))
)
策略对比
| 方式 | 适用场景 | 稳定性 |
|---|---|---|
| contains XPath | 属性部分固定 | 高 |
| CSS 通配 | 简单类名前缀 | 中高 |
| 显式等待 | 异步加载 | 高 |
小结
面对动态 Web 元素，核心思路是避开完全匹配、利用相对关系和等待机制。把以上方法组合使用，Python 脚本就能在 Selenium 中稳定跑起来。