使用ChromeDriver在Selenium中获取图片src时出现空引用异常问题

这种Chrome和Firefox在Selenium属性获取上的差异我之前踩过坑，大概率是两个Driver对DOM属性/特性的处理逻辑不一致导致的，给你几个可行的解决思路：

• 优先用GetAttribute替代GetProperty
  这里要搞清楚一个关键区别：GetProperty获取的是DOM元素的property（浏览器解析后维护的对象属性），而GetAttribute获取的是HTML标签上的attribute（原始的HTML属性值）。图片的src本质是HTML attribute，ChromeDriver在元素刚被定位到的时候，可能还没完成attribute到property的同步，导致GetProperty("src")返回null；而Firefox的GeckoDriver在这部分处理更及时。你可以直接替换成：

  var src = productImg.GetAttribute("src");
  

  这个方法在我之前的项目里直接解决了类似的Chrome兼容性问题。

• 添加显式等待确保元素就绪
  就算你看到productImg对象存在，Chrome里可能元素还没完全渲染完成，属性还没初始化。可以用显式等待等待图片的src属性非空：

  var wait = new WebDriverWait(driver, TimeSpan.FromSeconds(10));
  var productImg = wait.Until(d => 
  {
      var img = d.FindElement(By.CssSelector("你的图片选择器"));
      return !string.IsNullOrEmpty(img.GetAttribute("src"));
  });
  var src = productImg.GetAttribute("src");
  

  如果是懒加载图片，还可以等待图片加载完成（通过naturalWidth属性判断）：

  var productImg = wait.Until(d => 
  {
      var img = d.FindElement(By.CssSelector("你的图片选择器"));
      return (int)img.GetProperty("naturalWidth") > 0;
  });
  

• 用JavaScript直接获取属性
  如果上面的方法都不行，可以绕过Selenium的封装，直接用JS执行器获取图片的src：

  var jsExecutor = (IJavaScriptExecutor)driver;
  var src = jsExecutor.ExecuteScript("return arguments[0].src;", productImg) as string;
  

  这种方式直接和浏览器DOM交互，能避免Selenium在不同Driver上的实现差异。

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