创建一个搜索图像的greasemonkey脚本：orange.png

Question

我想创建一个脚本，它将在整个页面中搜索名为“orange.png”的图像

它将运行 onload 并且只需要运行一次。如果它找到所述图像，它将提示一个警告框，说明它找到了该图像。

我有部分代码，但无法正确找到图像。大部分代码只是从其他来源剪切和粘贴的。

function findimg()
{
 var imgs,i;
 imgs=document.getElementsByTagName('img');
 for(i in imgs)
  {
  if(/orange.png/.test(imgs[i].src))
   {
     alert("Image Found");
   }
  }
}

编辑：我是个白痴。我正在制作我的函数并且从未调用它，因此它从未运行过。无论如何，Brock 您的解决方案效果很好！非常感谢！

Answer 1

如果不是 Greasemonkey 的沙箱，您的代码本来可以工作，请参阅：Greasemonkey Pitfalls。在 GM 中，不能以这种方式迭代集合。

此代码将起作用：

function findimg()
{
    var orangeImages    = document.querySelectorAll ('img[src*="orange.png"]')
    if (orangeImages.length)
    {
        alert("Image Found");
    }
}

Answer 2

Dive Into Greasemonkey有一章常见模式。它也包括你的问题。 尽管有关于旧内容的警告，但搜索包含特定属性的元素并没有那么容易变旧！