Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Logging

Para seguir este tutorial você precisa do SDK instalado e conhecimento básico de cfx.

O objeto DOM console é útil para depuração do JavaScript. Porque os objetos DOM não estão disponíveis para o código principal do add-on, o SDK fornece seu próprio objeto global console com a maiorira dos mesmos métodos do do console DOM, incluindo métodos para registrar erros, avisos, ou mensagens informativas. Você não tem que usar require() qualquer coisa para conseguir acesso ao console. Ele está disponível para você.

O método console.log() imprime mensagens informativas:

console.log("Hello World");

Tente:

  • crie um novo diretório, e navegue até ele
  • execute cfx init
  • abra "lib/main.js" e adicione a linha acima
  • execute cfx run, então cfx run novamente

O Firefox iniciará, e a linha a seguir aparecerá na janela de comando que você usou para executar cfx run:

info: Hello World!

console em Scripts de Conteúdo

Você pode usar console em scripts de conteúdo assim como no código principal do seu add-on. O add-on a seguir registra o conteúdo do HTML de toda a tab que o usuário carregar, chamando console.log() dentro do script de conteúdo:

require("sdk/tabs").on("ready", function(tab) {
  tab.attach({
    contentScript: "console.log(document.body.innerHTML);"
  });
});

Saída do console

Se você estiver executando seu add-on da linha de comando (por exemplo, executando cfx run ou cfx test) então as mensagens do console aparece no shell de comando usado.

Se você instalou o add-on no Firefox então as mensagens aparecerão no Console do Navegador do Firefox.

Mas note que por padrão, chamadas à console.log() não resultarão em qualquer saída no Console de Erro por qualquer add-on instalado: isso inclui add-ons instalados usando o Add-on Builder ou usando ferramentas como Extension Auto-installer.

Veja "Logging Levels" na documentação de referência para mais informações.

Aprendendo Mais

Para a API completa do console, veja sua referência da API.

Etiquetas do documento e colaboradores

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