使用Java Selenium无法操作#shadow-root内<iframe>中的元素如何解决

• 第一步：从shadow root中获取目标iframe元素
  你可沿用已掌握的shadow root元素获取逻辑，把选择器替换为对应iframe的实际定位值即可：

// 请将代码中的选择器参数替换为你页面内的实际定位值
WebElement shadowIframe = (WebElement) jsExecutor.executeScript("return document.querySelector('外层宿主元素选择器').shadowRoot.querySelector('目标iframe选择器');");

• 第二步：切换Selenium驱动上下文到该iframe
  拿到iframe元素后必须切换上下文，才能访问iframe内部的DOM节点：

browser.switchTo().frame(shadowIframe);

• 第三步：操作iframe内的文本框完成粘贴，可按需选择两种实现方式：
  方式1：Selenium原生操作，适配绝大多数常规场景

  // 替换为iframe内部文本框的实际选择器
  WebElement targetInput = browser.findElement(By.cssSelector("文本框选择器"));
  // 传入要粘贴的内容即可，也可对接系统剪贴板读取内容后传入
  targetInput.sendKeys("你需要粘贴的指定内容");
  

  方式2：JS执行赋值，适配有输入限制的特殊场景

  WebElement targetInput = (WebElement) jsExecutor.executeScript("return document.querySelector('文本框选择器');");
  jsExecutor.executeScript("arguments[0].value = arguments[1];", targetInput, "你需要粘贴的指定内容");
  

• 第四步：iframe内操作完成后切回默认页面上下文，避免后续操作外层元素报错

browser.switchTo().defaultContent();

注意：如果iframe内部还有嵌套的shadow root，切换到iframe上下文后，复用你之前操作shadow root的逻辑获取内部元素即可。

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