Captura de carregamento da página

Para seguir esse tutorial você necessita ter instalado o SDK e aprendido o básico do cfx.

Você pode capturar notificações sobre novas páginas em carregamento usando o módulo tabs. O seguinte complemento captura o evento ready da aba e mostra no console a URL da mesma, carregada pelo usuário:

require("sdk/tabs").on("ready", logURL);
 
function logURL(tab) {
  console.log(tab.url);
}

Você não tem acesso direto a qualquer conteúdo hospedado na guia.

Para acessar o conteúdo da aba você precisa anexar um script usando tab.attach(). Este add-on atribui um script para todas as abas abertas. O script adiciona uma borda vermelha ao documento da aba:

require("sdk/tabs").on("ready", runScript);
 
function runScript(tab) {
  tab.attach({
    contentScript: "if (document.body) document.body.style.border = '5px solid red';"
  });
}

(Este exemplo é apenas para mostrar a idéia: para implementar algo como isso, você deve usar page-mod, e especificar "*" como o match-pattern.)

Aprendendo Mais

Para aprender mais sobre o trabalho com abas no SDK, veja a referência de tab da API. Você pode capturar uma série de outros eventos da aba, incluindo open, close e activate.

Para ler mais sobre rodar scripts nas abas, veja o tutorial sobre como usar tab.attach().

Etiquetas do documento e colaboradores

 Colaboradores desta página: khwesten
 Última atualização por: khwesten,