我目前正在制作Chrome扩展程序,该扩展程序将在后台从网站获取所有图像并对其进行缓存。单击该图标后,它应显示弹出窗口中的所有缓存图像。
一切正常,我使用此代码运行后台脚本:
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo) {
chrome.tabs.executeScript(tabId, {file:"memo.js"});
});
但问题是: 此脚本仅在页面加载时首次缓存。当用户向下滚动页面时,动态出现的图像不会被缓存。 我的问题是: 如何连续执行此脚本以便保存通过ajax传输的图像?
此外,这是我在后台缓存图像的代码:
$.each($imgContainers, function (e, t) {
var n = t;
var img = new Image;
img.src = (t.getAttribute ? t.getAttribute("src") : false) || t.src;
img.description = (t.getAttribute ? t.getAttribute("alt") : false) || t.alt;
img.pinId=$(n).closest('a').attr('href');
img.height=t.height;
img.width=t.width;
if(img.description == "") {
img.description = n.alt;
}
window.cache = window.cache || {};
var data = window.cache[img.description];
window.cache[img.description] =img;
//console.log(window.cache['test']);
i++;
//console.log(img);
});
提前致谢..