使用Selenium Python点击鞋码按钮失败：元素定位问题求助

在Myntra的一款跑鞋页面中，「SELECT SIZE」区域下存在多个鞋码选项，但使用Python Selenium尝试点击鞋码按钮时，持续出现NoSuchElementException，提示无法定位元素。

尝试过的定位代码 #

1. CSS选择器（定位选中状态的鞋码按钮）：

size_button = self.find_element(
            By.CSS_SELECTOR,
            'button[class="btn default outline   size-btn big selected"]'
        )

2. CSS选择器（定位鞋码列表容器）：

size_button = self.find_element(
            By.CSS_SELECTOR,
            'ul[class="sizes-list list-unstyled list-inline padding-md-left padding-md-bottom"]'
        )

3. 绝对XPATH：

size_button = self.find_element(
            By.XPATH,
            '/html/body/div[2]/div/div[2]/div[2]/div[2]/div/div[2]/div[1]/div/div/div[4]/div[6]/div[2]/div[1]/div[2]/ul/li[1]/button'
        )

4. 相对XPATH（基于ID）：

size_button = self.find_element(
            By.XPATH,
            '//[@id="reactPageContent"]/div/div/div[4]/div[6]/div[2]/div[1]/div[2]/ul/li[1]/button'
        )

错误示例信息 #

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"button[class="btn default outline   size-btn big selected"]"}

解决思路 #

• 用显式等待替代直接定位：Myntra是React渲染的动态页面，元素加载存在延迟，直接定位会失败。改用显式等待等待元素可点击：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 等待鞋码按钮可点击，超时10秒
size_button = WebDriverWait(self.driver, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, 'button.size-btn'))
)
size_button.click()

• 放弃绝对定位和动态状态class：绝对XPATH会因页面结构微调失效，selected这类class是选中后才会出现的动态属性。改用更稳定的部分属性定位：

  • CSS选择器：button[class*="size-btn"]
  • XPATH：//button[contains(@class, 'size-btn')]

• 检查是否存在iframe嵌套：如果鞋码区域被嵌套在iframe中，需要先切换到iframe再定位：

# 替换为实际iframe的定位方式
iframe = self.driver.find_element(By.ID, '目标iframe的ID')
self.driver.switch_to.frame(iframe)
# 之后再执行鞋码按钮定位逻辑

• 滚动到元素可视区域：如果鞋码区域在页面下方，先滚动到对应位置再点击：

size_button = self.driver.find_element(By.CSS_SELECTOR, 'button.size-btn')
self.driver.execute_script("arguments[0].scrollIntoView();", size_button)
size_button.click()

内容的提问来源于stack exchange，提问作者Junaid Nazir