C# Selenium如何定位Twitter登录邮箱验证弹窗中的输入元素

解决方案 #

你可以通过组合元素属性的XPath或者直接用Name属性完成定位，优先加显式等待保证弹窗加载完成后再操作，避免因元素未渲染导致定位失败，具体C#实现代码如下：

1. 先引入依赖命名空间

using OpenQA.Selenium;
using OpenQA.Selenium.Support.UI;
using SeleniumExtras.WaitHelpers;

2. 编写定位和输入逻辑

// 初始化显式等待，最长等待10秒
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
// 方式1：通过组合属性的XPath定位，精准度最高，避免和页面其他同名输入框冲突
IWebElement emailInput = wait.Until(ExpectedConditions.ElementIsVisible(By.XPath("//input[@name='text' and @autocomplete='on' and @spellcheck='false']")));
// 方式2：如果确认当前页面只有一个name为text的输入框，也可以直接用Name定位
// IWebElement emailInput = wait.Until(ExpectedConditions.ElementIsVisible(By.Name("text")));
// 输入邮箱地址
emailInput.SendKeys("你的邮箱地址");

注意事项 #

• 如果定位仍然失败，先检查邮箱验证弹窗是否属于iframe内嵌页面，要是存在iframe需要先调用driver.SwitchTo().Frame("iframe的id或name")切入iframe后再进行定位操作
• 不要使用完整class属性定位，Twitter的前端class是动态生成的，页面更新后class值会变化，会导致定位失效

内容的提问来源于stack exchange，提问作者Tayyip C.