Fiz uma extensão para o Google Chrome que está a funcionar. O objetivo é alterar a cor dos píxeis das imagens, em todas as páginas web.
Para fazer isso nas páginas carregadas nos tabs já abertos, uso o seguinte código (no ficheiro background.js):
function executeScriptsInExistingTabs(){
chrome.windows.getAll(null, function(wins) {
for (var j = 0; j < wins.length; ++j) {
chrome.tabs.getAllInWindow(wins[j].id, function(tabs) {
for (var i = 0; i < tabs.length; ++i) {
if (tabs[i].url.indexOf("chrome://") != 0) {
chrome.tabs.executeScript(tabs[i].id, { file: 'muda_conteudo.js' });
chrome.browserAction.setIcon({path: "on.png", tabId:tabs[i].id});
}
}
});
}
});
}
Para alterar a cor, nos tabs que venham a ser abertos posteriormente à ativação da extensão, uso o seguinte código (in the background.js file):
chrome.tabs.onUpdated.addListener(function(tabid, info, tab) {
if (flag){
if (info.status == "complete") {
chrome.tabs.executeScript(tabid, {file:"muda_conteudo.js"});
chrome.browserAction.setIcon({path: "on.png", tabId:tab.id})
}
}
});
Tudo funciona perfeitamente, mas quando um novo tab é aberto, vê-se primeiro as imagens originais e só uns microsegundos depois são substituídas pelas imagens recoloridas. Gostaria de corrigir esse facto. Alguém tem uma ideia de como fazê-lo ?