Java Selenium无法定位马士基网站出发地输入元素求助

问题分析 #

你遇到的定位失败主要有几个核心原因：

1. 定位符与实际元素不匹配：你尝试用//*[@id="origin-input"]，但提供的HTML中输入框id是destination-input，说明要么混淆了From/To对应的元素，要么贴错了目标元素的代码。
2. 页面使用Shadow DOM：页面中的mc-c-origin-destination、mc-c-location-servicemode是自定义Web Components，内部通常包裹Shadow DOM，普通Selenium定位方式无法直接穿透访问内部元素。
3. 绝对XPath不可靠：你使用的完整XPath依赖页面固定结构，一旦页面布局调整就会失效。

解决方案 #

1. 先确认目标元素的真实属性

打开浏览器开发者工具（F12），直接定位“From (city, country/region)”对应的输入框，检查它的id、data-cy、class等属性，以及是否被Shadow DOM包裹。

2. 处理Shadow DOM（核心解决方法）

马士基的页面使用了Web Components，必须先获取Shadow Root才能定位内部元素，Java版Selenium代码示例：

// 1. 等待并找到包含From输入框的自定义组件
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement fromComponent = wait.until(ExpectedConditions.presenceOfElementLocated(
    By.cssSelector("mc-c-origin-destination mc-c-location-servicemode:first-of-type")
));

// 2. 获取Shadow Root
SearchContext shadowRoot = fromComponent.getShadowRoot();

// 3. 在Shadow Root内定位输入框（用data-cy属性更稳定）
WebElement fromInput = shadowRoot.findElement(By.cssSelector("input[data-cy='input']"));

3. 使用更稳定的定位符

避免依赖绝对路径或易变的id，优先选择：

• data-cy属性：页面中标记的data-cy="input"是专门为测试定位设计的，稳定性更高
• 结合父组件位置：通过first-of-type区分From（第一个）和To（第二个）组件

4. 确保元素加载完成

必须使用显式等待，避免因页面动态加载导致的元素未找到异常，示例代码中已经包含了WebDriverWait的使用。

5. 检查是否存在iframe

如果输入框被嵌套在iframe中，需要先切换到iframe再定位：

// 切换到目标iframe
driver.switchTo().frame(driver.findElement(By.cssSelector("iframe[属性='值']")));

// 执行定位操作（同上述Shadow DOM处理步骤）

// 操作完成后切回主文档
driver.switchTo().defaultContent();

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