页面添加/加载新图像时捕获事件或其他内容？答案

【问题标题】：Catch Event or something when page adds/loads new images?页面添加/加载新图像时捕获事件或其他内容？
【发布时间】：2012-12-12 00:47:45
【问题描述】：

当网站第一次加载时，我很容易用 $('img') 遍历所有图像但是，如果网站加载了新图像，尤其是像 google/bing 图像搜索，是否有某种方法可以捕获该事件或其他东西以处理这些图像？

【问题讨论】：

【解决方案1】：

您可以使用 DOM 变异观察器来检测何时添加了新的 <img> 元素。有关详细信息，请参阅this MDN post。您需要查找 MutationRecord 对象的 addedNodes 属性。

【讨论】：

谢谢！ document.addEventListener("DOMNodeInserted"... 是我要找的 :)
请注意，由于性能问题，不推荐使用 DOMNodeInserted：groups.google.com/forum/?fromgroups=#!topic/…。但它现在可以工作。
弃用意味着它会被更快的东西取代，或者性能问题会得到解决？您链接的 Google 论坛主题没有提供替代方案。我可以用什么代替？
突变观察者（在我链接到的 MDN 帖子中）是替代方案。 'deprecated' 意味着像DOMNodeInserted 这样的突变事件将在未来的某个时候被删除。