Find all usages of an image URL in the DOM (background image or img src)

foo.js

const findImageUsages = url => {
  const allNodes = Array.from(document.querySelectorAll('*'));

  return allNodes
    .map(node => {
      const backgroundImageUrl = window.getComputedStyle(node).backgroundImage
      // Remove `url()` or `url("")` wrapper
        .slice(4, -1)
        .replace(/"/g, '');
      const hasMatchingBackgroundImageUrl = backgroundImageUrl === url;
      const hasMatchingUrl = node.src === url;
      return { node, hasMatchingBackgroundImageUrl, hasMatchingUrl };
    })
    .filter(item => {
      return item.hasMatchingBackgroundImageUrl || item.hasMatchingUrl;
    });
};