iOS Safari+Appium Java跨域Frame访问受阻问题求助

问题背景 #

我们的Web门户用Adyen处理银行卡支付流程，Android Chrome上自动化录入支付信息完全正常，但iOS Safari里执行driver.switchTo().frame()切换跨域iframe（域名https://ayden.test.com）时，会弹出Blocked a frame with origin from accessing a cross origin frame错误。切到native context后，Appium Inspector和pagesource都找不到支付卡相关字段，其他页面元素却能正常访问。

可行解决方案 #

• 关闭Safari跨域安全策略（测试环境专用）
  先在iOS设备的「设置」→「Safari浏览器」→「高级」里打开「JavaScript」和「Web检查器」，确保设备信任调试证书。启动SafariDriver时加这两个参数，直接关掉跨域限制：

  SafariOptions options = new SafariOptions();
  options.addArguments("--disable-web-security");
  options.addArguments("--allow-cross-origin-auth-prompt");
  WebDriver driver = new SafariDriver(options);
  

  注意：生产环境绝对不能用这个方法，只适合测试场景。

• 用Adyen官方API绕开前端iframe
  Adyen本身提供了支付自动化的API，不用操作前端iframe也能完成卡信息提交。调用PaymentSetupService拿支付会话，再通过PaymentDetails接口提交卡号、有效期等信息，完全避开跨域iframe的交互问题。

• 用XCUITest直接定位WebView内元素
  如果非得操作前端，试试用XCUITest直接抓WebView里的iframe元素：

  1. 切换到WebView context后，用XCUITest查询定位iframe：

     let webView = XCUIApplication().webViews.firstMatch
     let iframe = webView.frames["adyen-iframe"]
     

  2. 进入iframe上下文后，通过Adyen标准的accessibility属性定位字段，比如cardNumberField、expiryDateField这些，Adyen的支付控件一般都带这类标识。

• 确认iframe加载状态与域名正确性
  等iframe完全加载完再切换，用JS判断document.readyState是否为complete：

  WebDriverWait wait = new WebDriverWait(driver, 10);
  wait.until(webDriver -> ((JavascriptExecutor) webDriver).executeScript("return document.readyState").equals("complete"));
  

  另外检查下iframe的src域名是不是打错了（比如你写的ayden.test.com会不会是adyen.test.com？），域名不匹配也会触发跨域错误。

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