Selenium如何选择悬停触发的Taproom子菜单？

• 目标网站：https://www.utepilsbrewing.com/
• 需求：悬停导航栏的「Taproom」菜单，点击其子菜单项「What's on Tap」
• 问题：当前使用的XPath无法准确定位「Taproom」元素，无法完成悬停+点击操作
• Selenium错误信息：

Selenium Error: Element: [[ChromeDriver: chrome on windows (9fbd2c11add5470a3628fa96d93eb264)] -> xpath: //*[@id="menu-item-33573"]/a]

• 现有代码：

driver.get("https://www.utepilsbrewing.com");
driver.manage().window().maximize();
driver.findElement(By.xpath("/html/body/div[1]/div[4]/form/div[2]/div/button[1]")).click();
Thread.sleep(1000);
driver.findElement(By.xpath("//*[@id=\"menu-item-1846\"]/a"));
Thread.sleep(1000);
driver.findElement(By.xpath("//*[@id=\"menu-item-33573\"]/a")).click();

1. 替换动态ID定位，改用稳定选择器
   菜单的动态ID（如menu-item-1846、menu-item-33573）可能随页面更新变化，建议用文本或CSS属性定位：
   • 定位「Taproom」菜单：用包含文本的XPath //a[contains(text(),'Taproom')]，比动态ID更稳定
2. 使用Actions类实现悬停操作
   子菜单需要悬停父菜单才会显示，直接点击子项会失败，必须通过Actions类触发悬停交互
3. 用显式等待替代Thread.sleep
   固定等待时间不稳定，显式等待可以在元素可交互时再执行操作，提升脚本稳定性

示例代码：

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;

public class UtepilsBrewingTest {
    public static void main(String[] args) {
        WebDriver driver = new ChromeDriver();
        try {
            driver.get("https://www.utepilsbrewing.com");
            driver.manage().window().maximize();
            
            // 处理Cookie弹窗
            WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
            WebElement acceptCookieBtn = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//button[contains(text(),'Accept')]")));
            acceptCookieBtn.click();
            
            // 定位Taproom菜单并触发悬停
            WebElement taproomMenu = wait.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//a[contains(text(),'Taproom')]")));
            Actions actions = new Actions(driver);
            actions.moveToElement(taproomMenu).perform();
            
            // 等待子菜单加载并点击"What's on Tap"
            WebElement whatsOnTap = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//a[contains(text(),\"What's on Tap\")]")));
            whatsOnTap.click();
        } finally {
            // driver.quit();
        }
    }
}

• 动态ID不可靠：这类CMS生成的菜单ID通常是动态生成的，页面更新后会变化，必须用文本、class等稳定属性定位
• 悬停必须用Actions：原生click无法触发悬停显示子菜单的交互，必须通过moveToElement方法触发
• 显式等待提升稳定性：避免固定等待时间导致的元素未加载完成问题，确保元素可交互后再执行操作

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