使用Chrome WebDriver的C#应用遇Element not interactable问题求助

我用C#结合OpenQA.Selenium包操控YouTube网页，点击一个会弹出对话框的按钮时，反复碰到“element not interactable”错误。翻遍Stack Overflow找到两种常见解决方案，都没解决问题：

尝试过的无效方案 #

1. Actions移动元素后点击

Actions actions = new Actions(chromeDriver);
actions.MoveToElement(webElem);
actions.Perform();

执行到Perform()时依然抛出“element not interactable”错误。

2. JavaScript强制点击
   评论区提示这种方法可能误触不可见元素或模态框下方元素，但我还是尝试了：

IJavaScriptExecutor executor = (IJavaScriptExecutor)chromeDriver;
executor.ExecuteScript("arguments[0].click();", webElem);

没有报错，但按钮并未被触发——正常点击会弹出的对话框完全没出现。

我的代码逻辑 #

我编写了ClickFirstInteractable方法，遍历XPath匹配到的3个按钮元素，逐个尝试点击，结果全部无效。但诡异的是，把C#中完全相同的XPath复制到Chrome DevTools，执行$x(strXPath)[0].click()，第一个元素能成功点击并弹出对话框。

以下是我的实现代码：

public IWebElement ClickFirstInteractable(ChromeDriver chromeDriver)
{
    string errPrefix = "(ClickFirstInteractable) ";

    if (this.DOM_WebElemensFound == null || this.DOM_WebElemensFound.Count() < 1)
        throw new NullReferenceException(errPrefix + "The DOM_WebElementsFound collection is empty.");

    IWebElement webElemClicked = null;

    foreach (IWebElement webElem in this.DOM_WebElemensFound)
    {
        // Try and "click" it.
        try
        {
            // First make sure the element is visible, or we will get
            //  the "element not interactable" error.

            /* FIRST ATTEMPT, didn't work. 
             * 
            webElem.scrollIntoView(true);
            webElem.Click(); // <<<<<<----- Error occurs here
             */

            /* SECOND ATTEMPT using Actions, didn't work
             *  and I go the error message when the Perform() statement executes.
            Actions actions = new Actions(chromeDriver);
            actions.MoveToElement(webElem);
            actions.Perform(); // <<<<<<----- Error occurs here
             */

            /* THIRD ATTEMPT using script execution, didn't work.
             * I did not get the error message, but the button did not get clicked.
             */

            IJavaScriptExecutor executor = (IJavaScriptExecutor)chromeDriver;
            executor.ExecuteScript("arguments[0].scrollIntoView();", webElem);
            executor.ExecuteScript("arguments[0].click();", webElem);

            // Click operation accepted.  Stop iteration.
            webElemClicked = webElem;
            break;
        }
        catch (ElementNotInteractableException exc)
        {
            // Swallow this exception and go on to the next element found by the XPath expression.
            System.Console.WriteLine(exc.Message);
        }
    }

    return webElemClicked;
}

可能的解决方向 #

1. 等待元素完全可交互 #

Selenium找到元素时，元素可能还没完成渲染，处于不可点击状态。试试显式等待，直到元素满足可点击条件：

WebDriverWait wait = new WebDriverWait(chromeDriver, TimeSpan.FromSeconds(10));
IWebElement clickableElem = wait.Until(driver => 
    ExpectedConditions.ElementToBeClickable(webElem) != null
);
clickableElem.Click();

也可以用JS判断元素的可见性与可交互性：

wait.Until(driver => 
    (bool)((IJavaScriptExecutor)driver).ExecuteScript(
        "return arguments[0].offsetParent !== null && " +
        "arguments[0].style.display !== 'none' && " +
        "arguments[0].style.visibility !== 'hidden'", 
        webElem
    )
);

2. 确保元素完全进入可视区域 #

默认的scrollIntoView()可能只是把元素滚到视图边缘，仍被其他元素遮挡。试试滚动到视图中心：

IJavaScriptExecutor executor = (IJavaScriptExecutor)chromeDriver;
executor.ExecuteScript("arguments[0].scrollIntoView({block: 'center', inline: 'center'});", webElem);
// 给页面一点渲染时间
Thread.Sleep(500);
executor.ExecuteScript("arguments[0].click();", webElem);

3. 检查iframe嵌套 #

如果目标按钮在iframe内部，Selenium默认在主文档查找元素，需要先切换到对应iframe：

// 通过ID切换
chromeDriver.SwitchTo().Frame("target-iframe-id");
// 或者通过元素切换
IWebElement iframeElem = chromeDriver.FindElement(By.XPath("//iframe[contains(@src, 'youtube')]"));
chromeDriver.SwitchTo().Frame(iframeElem);
// 操作完成后切回主文档
chromeDriver.SwitchTo().DefaultContent();

4. 验证元素匹配一致性 #

Selenium获取的元素集合顺序可能和DevTools不一致。遍历的时候打印元素的HTML结构，对比DevTools里的目标元素：

Console.WriteLine(webElem.GetAttribute("outerHTML"));

确认是不是选中了错误的元素。

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