如何使用Java版Selenium WebDriver定位ScreenLayoutIcon元素

想用Selenium结合Java定位并选中HTML中的ScreenLayoutIcon元素，以下是对应的HTML结构和我编写的代码，求正确实现方式。

目标HTML结构 #

<div id="Toolbar" style="color: rgb(35, 35, 34);">
    <ul class="dropdownMenu" style="display: none;"></ul>
    <div id="LeftToolbar" style="display: inline-block; width: 495px;">
        <ul class="dropdownMenu">
            <li>
                <div id="ScreenLayout" class="icon ScreenLayout group show" title="Screen Layout Selection">
                    <div id="ScreenLayoutIcon" class="icon show SCREEN1x1" title="Screen Layout 1x1" style="display: inline-block;"></div>
                    <div id="ScreenLayoutArrow" class="icon DROPDOWNARROW show" title="" style="display: inline-block;"></div>
                </div>
            </li>

我编写的代码 #

driver.findElement(By.id("LeftToolbar"));
driver.findElement(By.xpath("//*@id='ScreenLayout']//ul")).click();
List<WebElement> options = driver.findElements(By.tagName("li"));
for (WebElement option : options) {
    if (option.getText().equals("Screen Layout")) {
        option.click();
    }
}

现有代码的问题 #

• XPath语法错误：//*@id='ScreenLayout']缺少开头的[，且后续//ul不符合HTML结构（ScreenLayout节点下没有ul元素）
• 逻辑冗余：ScreenLayoutIcon本身有唯一id，无需遍历li元素
• 未处理元素等待：直接定位易因页面加载延迟触发NoSuchElementException

正确实现方式 #

方法1：通过id直接定位（最优方案）

利用元素唯一id直接定位，效率最高且稳定：

// 显式等待元素可交互，避免加载问题
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement screenLayoutIcon = wait.until(ExpectedConditions.elementToBeClickable(By.id("ScreenLayoutIcon")));
screenLayoutIcon.click();

方法2：通过父元素层级定位（id不可靠时使用）

若id可能变化，可通过父节点ScreenLayout定位子元素：

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement screenLayout = wait.until(ExpectedConditions.presenceOfElementLocated(By.id("ScreenLayout")));
WebElement screenLayoutIcon = screenLayout.findElement(By.className("SCREEN1x1"));
screenLayoutIcon.click();

方法3：使用XPath定位

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement screenLayoutIcon = wait.until(ExpectedConditions.elementToBeClickable(
    By.xpath("//div[@id='ScreenLayout']/div[@id='ScreenLayoutIcon']")
));
screenLayoutIcon.click();

注意事项 #

• 必须添加显式等待，适配页面加载节奏
• 优先使用id定位，这是Selenium中最稳定的定位方式
• 若点击后触发下拉菜单，需等待菜单元素加载完成后再进行后续操作

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