Selenium点击Just Eat点餐页元素与手动点击效果不一致如何解决

问题产生原因 #

• 反自动化检测拦截：Just Eat站点内置了反爬虫检测规则，可识别原生Selenium的webdriver特征，判定为非人工操作后会禁用部分交互逻辑（如选项选中后的联动滚动、表单校验、提交按钮状态更新等）。
• 元素定位偏差：你当前定位的是显示文本的<span>节点，而站点的点击、change事件实际绑定在选项对应的<input>单选框、外层<label>或<button>节点上，点击span仅能触发视觉选中效果，无法触发绑定的业务逻辑。
• 事件触发不完整：手动点击会触发mouseover、mousedown、mouseup、click、change一整套冒泡事件，Selenium默认的点击操作可能缺少部分事件，导致前端监听器未识别到有效交互。
• 代码逻辑缺失：你提供的示例代码仅实现了滚动到目标选项的逻辑，未执行点击操作，自然无法触发后续交互。

可行解决思路 #

• 绕过反自动化检测：使用undetected-chromedriver替换原生Selenium驱动，或给Firefox驱动添加屏蔽webdriver特征的配置，比如将navigator.webdriver属性修改为undefined，移除Selenium的默认标识。
• 修正元素定位规则：不要定位文本span，改为定位选项对应的可交互节点，比如通过xpath查找文本为"Side Salad"的span的上层label/input节点，示例定位写法：//span[text()="Side Salad"]/ancestor::label。
• 手动触发完整事件：定位到正确元素后，优先用JS执行点击和事件触发，避免Selenium原生点击的兼容性问题，示例代码：

target = browser.find_element(By.XPATH, '//span[text()="Side Salad"]/ancestor::label')
# 先执行JS点击
browser.execute_script("arguments[0].click();", target)
# 主动触发change事件确保冒泡到上层表单
browser.execute_script("arguments[0].dispatchEvent(new Event('change', {bubbles: true}));", target)

• 补全交互逻辑：每选中一个必填项后，可主动通过JS将弹窗滚动到下一个必填区域，不需要等站点自动触发，示例代码：

next_section = browser.find_element(By.CSS_SELECTOR, '.c-itemSelector-section-label:nth-of-type(2)')
browser.execute_script("arguments[0].scrollIntoView({behavior: 'smooth', block: 'start'});", next_section)

• 直接修改前端状态：如果模拟点击始终无效，可以直接修改对应单选框的checked属性，主动更新前端表单状态，效果和手动选中完全一致。

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