Python Playwright通过属性选择亚马逊下拉菜单选项失败求助

问题描述 #

用Python的Playwright操作亚马逊德国站商品页面（https://www.amazon.de//dp/B08XWKDGL7）的规格下拉菜单时，通过索引能选中部分选项（除index=0的第一个选项），但尝试用data-a-html-content、data-a-id这类属性选择对应选项时，总是触发超时错误。

可正常运行的索引选择代码 #

from playwright.sync_api import sync_playwright

url = 'https://www.amazon.de//dp/B08XWKDGL7'

with sync_playwright() as p: 
    browser = p.firefox.launch()
    page = browser.new_page() 
    page.goto(url)  
    html = page.content()
    page.select_option('//select[@name="dropdown_selected_size_name"]', index=1)
    browser.close()

尝试属性选择的错误代码 #

page.select_option('//select[@name="dropdown_selected_size_name"]', '//option[@data-a-html-content="4,0 x 35 mm 500 Stück"]')

错误信息 #

playwright._impl._api_types.TimeoutError: Timeout 30000ms exceeded.
=========================== logs ===========================
waiting for selector "//select[@name="dropdown_selected_size_name"]"
  selector resolved to visible <select tabindex="0" autocomplete="off" data-a-touch-hea…>…</select>
  selecting specified option(s)
    did not find some options - waiting... 
============================================================

原因排查与解决方法 #

核心原因 #

Playwright的select_option方法默认不直接接受XPath字符串作为选项匹配条件。你传入的XPath会被当成选项的文本内容或value值去匹配，自然找不到对应选项，导致超时等待。

正确解决方式 #

方式1：用selector参数指定选项的XPath/CSS选择器

通过字典形式传入selector键，明确告诉Playwright这是选项的选择器：

page.select_option(
    '//select[@name="dropdown_selected_size_name"]',
    selector='//option[@data-a-html-content="4,0 x 35 mm 500 Stück"]'
)

方式2：直接匹配选项的可见文本或value值

如果选项的文本或value值明确，可以直接用label或value参数匹配（注意文本要完全一致，包括空格、特殊字符）：

# 用可见文本匹配
page.select_option(
    '//select[@name="dropdown_selected_size_name"]',
    label="4,0 x 35 mm 500 Stück"
)

# 或者用value值（如果知道选项的value属性）
page.select_option(
    '//select[@name="dropdown_selected_size_name"]',
    value="对应选项的value值"
)

方式3：先等待选项加载完成再选择

如果页面存在动态渲染，可先等待目标选项可见后再执行选择：

# 等待目标选项出现
page.wait_for_selector('//option[@data-a-html-content="4,0 x 35 mm 500 Stück"]', state="visible")

# 执行选择
page.select_option(
    '//select[@name="dropdown_selected_size_name"]',
    selector='//option[@data-a-html-content="4,0 x 35 mm 500 Stück"]'
)

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