Selenium-Powershell：如何用$wait.Until等待元素display变为block

针对你遇到的视频流加载时Canvas元素display属性变化的场景，以下是几种可靠的实现方式（基于Selenium C#，对应你提到的$wait.Until用法）：

方法1：自定义等待逻辑判断元素状态 #

直接定位元素后，验证其display属性是否为block，结合Selenium自带的可见性判断双重校验：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
var targetCanvas = wait.Until(driver => {
    var canvas = driver.FindElement(By.Id("canvasplayer_0"));
    return canvas.Displayed && canvas.GetCssValue("display") == "block";
});

方法2：使用CSS选择器匹配目标状态元素 #

通过CSS属性选择器直接匹配内联style中包含display: block的元素，配合ElementIsVisible等待条件：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
var targetCanvas = wait.Until(ExpectedConditions.ElementIsVisible(
    By.CssSelector("#canvasplayer_0[style*='display: block']")
));

注意：如果style属性里display的写法是无空格的display:block，可把选择器改成#canvasplayer_0[style*='display:block']，或者用[style*='display']配合后续判断兼容两种格式。

方法3：通过JS获取计算后样式（最可靠） #

如果元素的display样式来自CSS类而非内联style，前两种方法可能失效，此时用JS获取计算后的最终样式更准确：

var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
var targetCanvas = wait.Until(driver => {
    var canvas = driver.FindElement(By.Id("canvasplayer_0"));
    var computedDisplay = (string)((IJavaScriptExecutor)driver)
        .ExecuteScript("return window.getComputedStyle(arguments[0]).display;", canvas);
    return computedDisplay == "block";
});

推荐优先使用方法3，它不受样式书写方式（内联/类）的影响，能精准获取元素的最终显示状态。

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