如何用Python Selenium处理Bootstrap模态框登录？代码报错求助

问题描述 #

尝试使用Python Selenium登录https://www.producemarketguide.com，登录表单位于Bootstrap模态对话框中，代码无法定位到用户名输入框，运行后触发超时异常。

用户原代码 #

import requests
import time
import os, sys

from selenium import webdriver
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.firefox.firefox_binary import FirefoxBinary
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver import ActionChains

gecko = os.path.normpath(os.path.join(os.path.dirname(__file__), 'geckodriver'))
binary = FirefoxBinary(r'C:/Program Files/Mozilla Firefox/firefox.exe')
driver = webdriver.Firefox(firefox_binary=binary, executable_path=gecko +'.exe')
driver.maximize_window() 
wait = WebDriverWait(driver, 10) 
time.sleep(1)

pageurl = "https://www.producemarketguide.com"
driver.get(pageurl)

popup = wait.until(EC.element_to_be_clickable((By.XPATH, '//*[@id="close-dialog"]')))
popup.click()

time.sleep(2)
login = wait.until(EC.element_to_be_clickable((By.XPATH, '/html/body/div[1]/header/div/div[2]/div[2]')))
login.click()

user = wait.until(EC.presence_of_element_located((By.XPATH, '/html/body/app-main/app-widget/screen-layout/main/current-screen/div/screen-login/p[3]')))
user.send_keys('xxx@gmail.com')

password = wait.until(EC.presence_of_element_located((By.XPATH, '/html/body/app-main/app-widget/screen-layout/main/current-screen/div/screen-login/p[4]/input')))
password.send_keys('XXXX')

submit = wait.until(EC.element_to_be_clickable((By.XPATH, '/html/body/app-main/app-widget/screen-layout/main/current-screen/div/screen-login/p[6]/button')))
submit.click() 

报错信息 #

Traceback (most recent call last):                                                          
  File "pmg.py", line 34, in <module>                                                        
    user = wait.until(EC.presence_of_element_located((By.XPATH, '/html/body/app-main/app-widget/screen-layout/main/current-screen/div/screen-login/p[3]')))                              
  File "C:\Program Files\Python38\lib\site-packages\selenium\webdriver\support\wait.py", line 80, in until                                                                              
    raise TimeoutException(message, screen, stacktrace)                                      
selenium.common.exceptions.TimeoutException: Message: 

问题分析与修复方案 #

核心问题 #

1. 绝对XPATH定位器脆弱：原代码使用/html/body/...这种绝对路径，页面结构稍有变动就会失效，且模态框内的元素层级复杂，绝对路径极易出错。
2. 元素定位错误：用户名输入框的XPATH指向了<p>标签，而非实际可输入的<input>元素，导致无法执行send_keys操作。
3. 等待条件选择不当：presence_of_element_located仅判断元素存在，但元素可能未加载完成或不可见，无法交互。

修复后的代码 #

import os
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.firefox.firefox_binary import FirefoxBinary

# 配置GeckoDriver路径
gecko_path = os.path.normpath(os.path.join(os.path.dirname(__file__), 'geckodriver.exe'))
binary = FirefoxBinary(r'C:/Program Files/Mozilla Firefox/firefox.exe')
driver = webdriver.Firefox(firefox_binary=binary, executable_path=gecko_path)
driver.maximize_window() 
wait = WebDriverWait(driver, 10)

# 访问目标网站
driver.get("https://www.producemarketguide.com")

# 关闭初始弹窗
popup_close = wait.until(EC.element_to_be_clickable((By.ID, 'close-dialog')))
popup_close.click()

# 点击登录按钮打开模态框
login_trigger = wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "header .header-actions > div:last-child")))
login_trigger.click()

# 定位用户名输入框并输入
username_input = wait.until(EC.visibility_of_element_located((By.XPATH, "//input[@placeholder='Email Address']")))
username_input.send_keys('xxx@gmail.com')

# 定位密码输入框并输入
password_input = wait.until(EC.visibility_of_element_located((By.XPATH, "//input[@placeholder='Password']")))
password_input.send_keys('XXXX')

# 点击登录提交按钮
submit_btn = wait.until(EC.element_to_be_clickable((By.XPATH, "//button[contains(text(), 'Sign In')]")))
submit_btn.click()

# 完成操作后关闭浏览器
# driver.quit()

关键修改点 #

• 替换定位器：用元素ID、CSS选择器、属性（如placeholder）替代绝对XPATH，提升定位稳定性。
• 修正元素定位：直接指向<input>元素而非父级<p>标签，确保可执行输入操作。
• 优化等待策略：使用visibility_of_element_located确保元素可见后再交互，替代仅判断存在的presence_of_element_located。
• 移除冗余代码：删除不必要的time.sleep和未使用的模块（如requests、ActionChains），简化代码结构。

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