### 如何用 Selenium 检查 img 标签中的 src 图片是否成功加载 为了验证 `img` 标签的 `src` 属性所指向的图片是否成功加载，可以利用 JavaScript 来检测图片的状态。以下是实现这一目标的具体方法： #### 方法一：通过 JavaScript 检测单张图片状态 可以通过执行自定义的 JavaScript 代码来检查指定 `img` 元素的加载情况。如果图片未加载或者加载失败，则会返回错误状态。 ```javascript const checkImageLoaded = (element) => { const naturalWidth = element.naturalWidth; return naturalWidth > 0; // 如果图片宽度大于0则表示已成功加载 }; ``` 在 Selenium 中调用上述逻辑的方式如下所示[^4]: ```python from selenium import webdriver driver = webdriver.Chrome() driver.get('https://example.com') image_element = driver.find_element_by_tag_name('img') is_loaded = driver.execute_script(""" var image = arguments[0]; return image.complete && typeof image.naturalWidth != 'undefined' && image.naturalWidth > 0; """, image_element) if is_loaded: print("图片已经成功加载") else: print("图片未能成功加载") ``` 此脚本使用了 `execute_script()` 函数向页面注入并运行一段 JavaScript 代码，该代码能够评估给定图像对象的实际尺寸以及其加载完成与否的情况。 #### 方法二：等待所有图片都加载完毕后再继续操作 当需要确认整个文档内的全部图片均已加载时，可采用显式等待机制配合条件表达式达成目的。下面展示了一个例子说明如何设置这样的等待策略: ```python from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC def are_images_loaded(driver, timeout=10): wait = WebDriverWait(driver, timeout) images = driver.find_elements(By.TAG_NAME,'img') for img in images: try: wait.until(lambda d: d.execute_script( "return arguments[0].complete && typeof arguments[0].naturalWidth != 'undefined' && arguments[0].naturalWidth > 0;", img)) except Exception as e: return False return True result = are_images_loaded(driver) print("All Images Loaded:", result) ``` 这段程序遍历当前 HTML 文档里的每一个 `<img>` 元素，并逐一检验它们是否满足预设的标准——即既完成了自身的初始化过程又确实拥有有效的像素宽高数值；一旦发现任何一个不符合预期的情形便会立刻终止循环流程并发回否定的结果反馈。 #### 注意事项 需要注意的是，在某些情况下可能会遇到延迟渲染的现象，例如先显示出占位符再替换为实际内容的行为模式[^3]。因此建议适当延长超时期限以便给予足够的缓冲空间让这些异步事件得以充分展开直至最终稳定下来为止。