在DOM中查找WebRequest的源代码

Question

我目前正在尝试构建一个Google Chrome扩展程序，其中一个功能是根据它们是否在首屏之上懒惰地请求图像。使用chrome.webRequest API我可以在使用onBeforeRequest对图像进行Web请求之前添加侦听器;但是，我不知道哪些DOM元素触发了请求。因此，我不知道请求来自页面的哪个位置，因此在客户端滚动到页面的正确部分之前无法阻止请求。

这是我当前捕获请求的代码：

var hideImagesCallback = function lazyLoadImage(details) {
    console.log(details);
    return { cancel: false };
}

var hideImagesFilter = {
    urls: ["<all_urls>"],
    types: ["image"]
}

var hideImagesOptExtraInfoSpec = ["blocking"];


function hideImages() {
    // triggered when a web request for an image is started
    chrome.webRequest.onBeforeRequest.addListener(
        hideImagesCallback, 
        hideImagesFilter, 
        hideImagesOptExtraInfoSpec
    );

    return "handler for images added";
}

我是以错误的方式来做这件事的吗？我正在努力做甚么可能吗？任何见解将不胜感激。提前谢谢！