如何用Selenium识别并操作Sprouts网站搜索框？问题排查

你的代码主要有这几个问题导致无法在搜索框输入内容：

• 使用了动态生成的CSS类名：css-4hd4ug是前端框架自动生成的临时类名，网站更新或刷新后这类名称大概率会变化，根本定位不到正确的搜索框。
• 未等待页面加载完成就操作：页面还没完全加载好就去查找元素，自然会出现定位失败的情况。
• 忽略了网站的Cookie弹窗：Sprouts网站打开后通常会弹出Cookie授权窗口，这个弹窗会干扰元素定位或交互操作。

下面是修正后的代码：

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

options = webdriver.ChromeOptions()
# 可选：关闭通知弹窗，减少不必要的干扰
options.add_argument("--disable-notifications")

# Selenium 4+版本推荐用Service类管理驱动，避免旧写法的弃用警告
from selenium.webdriver.chrome.service import Service
service = Service('/Users/myPath/chromedriver')
website = webdriver.Chrome(service=service, options=options)

sprouts_url = "https://shop.sprouts.com/"
website.get(sprouts_url)

try:
    # 等待Cookie同意按钮加载完成并点击
    cookie_btn = WebDriverWait(website, 10).until(
        EC.element_to_be_clickable((By.ID, "onetrust-accept-btn-handler"))
    )
    cookie_btn.click()
    
    # 使用搜索框的固定placeholder属性定位，比动态类名稳定得多
    search_bar = WebDriverWait(website, 10).until(
        EC.visibility_of_element_located((By.CSS_SELECTOR, "input[placeholder='Search products, recipes, brands...']"))
    )
    search_bar.send_keys("bananas")
    search_bar.send_keys(Keys.RETURN)
finally:
    # 操作完成后可选择关闭浏览器，注释则保留窗口
    # website.quit()
    pass

关键优化说明：

• 添加等待机制：用WebDriverWait等待元素加载完成再执行操作，彻底避免因页面未加载导致的元素定位失败。
• 更换稳定定位器：依靠搜索框的placeholder属性定位，这类属性一般不会随意修改，定位可靠性大幅提升。
• 处理Cookie弹窗：先完成Cookie授权，避免弹窗干扰后续交互。
• 适配Selenium最新规范：使用Service类管理驱动，符合Selenium 4+版本的写法，不会出现弃用警告。

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