本地运行正常，PythonAnywhere上Selenium无法定位元素求助

问题重现 #

本地运行正常，但部署到PythonAnywhere时出现TimeoutException，无法等待到JS生成的目标元素。

可行解决方案 #

1. 为Headless模式设置窗口大小 #

PythonAnywhere的Headless Chrome默认窗口尺寸极小，可能导致页面渲染不完整、JS执行异常。添加窗口大小参数：

options.add_argument('--window-size=1920,1080')

2. 更换等待条件为元素可见 #

presence_of_element_located仅判断元素存在于DOM中，但JS生成的元素可能还未完成渲染显示。改用visibility_of_element_located更稳妥：

quote = WebDriverWait(driver, 20).until(
    EC.visibility_of_element_located((By.XPATH, "//div/p[1]"))
)

3. 优化元素定位器 #

绝对XPATH/html/body/div/p[1]过于依赖页面结构，一旦页面层级变化就会失效。优先使用相对路径或属性定位，比如如果目标p标签有特定class：

# 假设元素class为"quote-content"
quote = WebDriverWait(driver, 20).until(
    EC.visibility_of_element_located((By.CSS_SELECTOR, "div .quote-content"))
)

4. 延长等待时间 #

PythonAnywhere服务器资源有限，网络加载或JS执行速度可能慢于本地，将等待时间从10秒提升至20秒甚至30秒。

5. 确认Chrome与ChromeDriver版本匹配 #

PythonAnywhere上的Chrome浏览器版本需与Selenium使用的ChromeDriver版本一致。可通过以下命令查看服务器上的Chrome版本：

chrome --version

确保安装的ChromeDriver版本与之对应（Selenium 4.6+会自动管理Driver，若版本较旧需手动匹配）。

调整后的完整代码示例 #

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

options = webdriver.ChromeOptions()

options.add_argument('--no-sandbox')
options.add_argument("--headless=new")  # 使用新版Headless模式，兼容性更好
options.add_argument('--disable-dev-shm-usage')
options.add_argument('--window-size=1920,1080')  # 新增窗口大小参数

driver = webdriver.Chrome(options=options)
driver.get("https://SmallCoder14.pythonanywhere.com/quote-of-the-day")

try:
    # 改用可见性等待+相对路径定位，延长等待时间
    quote = WebDriverWait(driver, 20).until(
        EC.visibility_of_element_located((By.XPATH, "//div/p[1]"))
    )
    print(quote.text)  # 可添加输出验证
finally:
    driver.quit()  # 确保无论是否成功都关闭浏览器

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