javascript - 比较两个图像是否相等(跨域)

Question

我正在寻找一种方法来检查是否已使用 Selenium IDE 将特定图像加载到网页上。

我的第一个尝试是生成图像的哈希值，但这似乎无法通过 javascript 实现。然后我发现如果将图像加载到 Canvas 中然后调用 toDataUrl()，则可以对图像进行 base64 编码。但是，如果图像位于另一个域中，这将不起作用。

我的图像服务器提供了一个标准的“图像未找到”图像。我想通过将加载的图像与失败图像进行比较来检查特定图像是否已成功加载。您知道如何实现这一点吗？

Answer 1

您是否将“selenium 签名”视为 ide 的插件？ https://addons.mozilla.org/en-US/firefox/addon/selenium-ide-signature/

它将生成元素的 crc32 签名，如 *html=50D5FBD3*css=5BBF6784*img=81AD9F9D*您只需要 *img=81AD9F9D* 部分来验证图像。