O que é o console.log?
para que serve console.log
?
por favor, explique como usá-lo em JavaScript, com um exemplo de código.
20 answers
$('#someButton').click(function() {
console.log('#someButton was clicked');
// do something
});
Verias então {[[2]} na página "Consola" do Firebug (ou na consola de outra ferramenta - por exemplo, o Inspector web do Chrome) quando carregavas no botão.
Por algumas razões, o objecto da consola pode estar indisponível. Então você pode verificar se é-isto é útil porque você não tem que remover o seu código de depuração quando você lançamento para a produção:
if (window.console && window.console.log) {
// console is available
}
Lugares onde você pode ver a consola! Só para ter todas numa resposta.
Firefox
Também as ferramentas de desenvolvimento do Firefox Ctrl+Shift+J (Ferramentas > Programador Web > Consola de erros) (mas o Firebug é muito melhor; use o Firebug)
Https://developer.mozilla.org/en-US/docs/Tools
Safari e cromo
Basicamente o mesmo.
Https://developers.google.com/web/tools/chrome-devtools/
Https://developer.apple.com/safari/tools/
Internet Explorer
Não se esqueça que pode usar os modos de compatibilidade para depurar o IE7 e o IE8 no IE9 ou no IE10
Https://msdn.microsoft.com/en-us/library/gg589507(v=vs. 85).aspx
Https://msdn.microsoft.com/en-us/library/dd565628(v=vs. 85).aspx
Se tiver de aceder à consola no IE6 para o IE7, utilizar o favorito Firebug LiteHttps://getfirebug.com/firebuglite / procurar por Favoritos estáveis
Https://en.wikipedia.org/wiki/Bookmarklet
Ópera
Https://www.opera.com/dragonfly/
IOS
Funciona para todos os iPhones, iPod touch e iPads.
Https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/
( ligação de arquivo para depuração do Conteúdo Web no iOS)
Windows Phone, Android
Ambos não têm consola incorporada nem capacidade de bookmarklet. Então usamos https://jsconsole.com / type: listen and it will give you a script tag to place in your HTML. A partir daí, você pode ver o seu console dentro do site da jsconsole.IOS e Android
Também pode utilizar http://html.adobe.com/edge/inspect / para aceder às ferramentas de inspecção da web e à consola em qualquer dispositivo que use o seu plugin de navegador conveniente.
Problemas antigos do navegador
Por último, os navegadores mais antigos (Graças novamente a Microsoft) irão falhar se usar a consola.logar em seu código e não ter as ferramentas de desenvolvedor aberto ao mesmo tempo. Felizmente é uma solução fácil. Simples usar o excerto de código abaixo no topo do seu código e o bom velho IE deve deixá-lo em paz:
if(!window.console){ window.console = {log: function(){} }; }
Isto verifica para ver se a consola está presente, e se não estiver configurada como um objecto com uma função em branco chamada log
. Por aqui, janela.consola e janela.consola.log nunca é verdadeiramente undefined.
Poderá ver todas as mensagens registadas na consola se usar uma ferramenta como o Firebug para inspeccionar o seu código. Digamos que fazes isto:
console.log('Testing console');
Quando aceder à consola no Firebug (ou seja qual for a ferramenta que decida usar para inspeccionar o seu código), irá ver qualquer mensagem que tenha dito à função para registar. Isto é particularmente útil quando você quer ver se uma função está executando, ou se uma variável está sendo passada/atribuída corretamente. Na verdade, é muito valioso para descobrir apenas o que correu mal com o teu código.
Irá publicar uma mensagem de registo na consola de javascript do navegador, por exemplo Firebug ou ferramentas de desenvolvimento (Chrome / Safari) e irá mostrar a linha e o ficheiro de onde foi executado.
Além disso, quando você emite um objecto jQuery, ele irá incluir uma referência a esse elemento no DOM, e se carregar nele irá para a página elementos/HTML.
Você pode usar vários métodos, mas tenha cuidado que para ele trabalhar no Firefox, você deve ter Firebug aberto, caso contrário, toda a página vai falhar. Se o que você está registrando é uma variável, array, objeto ou elemento DOM, ele lhe dará uma discriminação completa, incluindo o protótipo para o objeto também (sempre interessante para ter um espeto em torno). Você também pode incluir quantos argumentos quiser, e eles serão substituídos por espaços.
console.log( myvar, "Logged!");
console.info( myvar, "Logged!");
console.warn( myvar, "Logged!");
console.debug(myvar, "Logged!");
console.error(myvar, "Logged!");
Estes aparecem com logótipos diferentes para cada comando.
Também pode usar console.profile(profileName);
para começar a traçar o perfil de uma função, programa, etc. E depois termina com console.profileEnd(profileName);
e vai mostrar up in you Profiles tab in Chrome (don't know with FF).
Para uma referência completa ir para http://getfirebug.com/logging e sugiro que o Leia.(Traces, groups, profiling, object inspection).
Espero que isto ajude!Não há nada a ver com jQuery e se você quiser usá-lo eu aconselho você a fazer {[[5]}
if (window.console) {
console.log("your message")
}
Para não decifrares o código quando não estiver disponível.
Como sugerido no comentário, Você também pode executar isso em um lugar e então usar console.log
Como normal
if (!window.console) { window.console = { log: function(){} }; }
console.log
não tem nada a ver com o jQuery. É um objeto comum / método fornecido por depuradores (incluindo o depurador Chrome e Firebug) que permite um script para logar dados (ou objetos na maioria dos casos) para a consola JavaScript.
console.log
regista a informação de depuração na consola em alguns navegadores (Firefox com Firebug instalado, Chrome, IE8, qualquer coisa com Firebug Lite instalado). On Firefox it is a very powerful tool, allowing you to inspect objects or examine the layout or other properties of HTML elements. Não está relacionado com jQuery, mas há duas coisas que são comumente feitas ao usá-lo com jQuery:
Instale a extensãoFireQuery para Firebug. Este, entre outros vantagens, torna o registo de objectos jQuery mais bonito.
Crie uma embalagem que esteja mais em linha com as Convenções de códigos de encadeamento de jQuery.
$.fn.log = function() {
if (window.console && console.log) {
console.log(this);
}
return this;
}
Que você pode então invocar como
$('foo.bar').find(':baz').log().hide();
Para verificar facilmente dentro das correntes jQuery.
console.log
não tem nada a ver com o jQuery.
Um ponto de confusão às vezes é que para registrar uma mensagem de texto, juntamente com o conteúdo de um de seus objetos usando console.log, você tem que passar cada um dos dois como um argumento diferente. Isto significa que você tem que separá-los por vírgulas porque se você fosse usar o operador + para concatenar as saídas, isso implicitamente chamaria o método .toString()
do seu objeto. Isto na maioria dos casos não é explicitamente substituído e a implementação padrão herdada por Object
não fornece qualquer informação útil.
>>> var myObj = {foo: 'bar'}
undefined
>>> console.log('myObj is: ', myObj);
myObj is: Object { foo= "bar"}
Considerando que se tentasse concatenar a mensagem de texto informativa juntamente com o conteúdo do objecto obteria:
>>> console.log('myObj is: ' + myObj);
myObj is: [object Object]
Por isso, lembra-te dessa consola.log de fato leva todos os argumentos que você quiser.
Use console.log
para adicionar informação de depuração à sua página.
Muitas pessoas usam alert(hasNinjas)
para este fim, mas console.log(hasNinjas)
é mais fácil de trabalhar. Usando um pop-ups de alerta para cima de uma janela modal que bloqueia a interface do utilizador.
Edit: concordo com Baptiste Pernet e Jan Hančič que é uma boa ideia verificar se window.console
está definido primeiro para que o seu código não se quebre se não houver consola disponível.
Um exemplo - suponha que você quer saber que Linha de código você foi capaz de executar o seu programa (antes que ele quebrou!), simplesmente digite em
console.log("You made it to line 26. But then something went very, very wrong.")
Cuidado: deixar chamadas para consolar no seu código de produção fará com que o seu site para quebrar no Internet Explorer. Nunca o mantenhas desembrulhado. Ver: https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog
Nos primeiros dias a depuração do JS foi realizada através da função {[[0]} - agora é uma prática obsoleta.
O console.log()
é uma função que escreve uma mensagem para se ligar à consola de depuração, como o Webkit ou Firebug. Em um navegador você não vai ver nada na tela. Regista uma mensagem para uma consola de depuração. Ele só está disponível no Firefox com Firebug e em navegadores baseados em Webkit (Chrome e Safari). Não funciona bem em tudo isto. releases .
O objecto da consola é uma extensão do DOM.
O console.log()
só deve ser utilizado em código durante o desenvolvimento e depuração.
console.log
especificamente é um método para os desenvolvedores escreverem código para discretamente informar os desenvolvedores o que o código está fazendo. Ele pode ser usado para alertar você de que há um problema, mas não deve tomar o lugar de um depurador interativo quando chega a hora de depurar o código. Sua natureza assíncrona significa que os valores logados não necessariamente representam o valor quando o método foi chamado.
Em resumo: erros de registo com console.log
(se disponível), em seguida, corrigir os erros usando o depurador de escolha: Firebug, o WebKit Ferramentas de Desenvolvedor (built-in para Safari e Chrome), ou seja, Ferramentas de Desenvolvedor ou Visual Studio.
Eu realmente sinto a programação web fácil quando eu começo console.log
para depuração.
var i;
Se eu quiser verificar o valor de i
tempo de execução..
console.log(i);
Pode verificar o valor actual de i
na página da consola do firebug. É especialmente usado para depuração.
É usado para registar (qualquer coisa que o passe) na consola Firebug. A utilização principal seria depurar o seu código JavaScript.
Para além dos usos acima mencionados, {[[0]} também pode imprimir no terminal em node.js
. Um servidor criado com o express (por exemplo.) can use console.log
to write to the output logger file.
Se o seu navegador suportar depuração, pode usar a consola.método log () para mostrar os valores de JavaScript.
Activar a depuração no seu navegador com F12, e seleccionar "consola" no menu depurador.
Consola em JavaScript. Tente corrigir, ou" debug", um programa JavaScript não funcional, e pratique usando o console.comando log (). Existem atalhos que vão ajudá-lo a acessar a consola JavaScript, com base no navegador que você está utilizar:
Atalhos De Teclado Da Consola Cromada
Janelas: Ctrl + Shift + J
Mac: Cmd + Opção + J
Atalhos De Teclado Da Consola Firefox
Janelas: Ctrl + Shift + K
Mac: Cmd + Opção + K
Consola Internet Explorer Atalhos De Teclado
F12 chave
Teclado Da Consola Safari Atalhos
Cmd + Opção + C
Nos programas java não existem funções de entrada e saída. Então para depurar a consola de código.o método log() é used.It é um método de registro. Será impresso sob o registo de consoles (ferramentas de desenvolvimento).
Não está presente na IE8 e em baixo até que você abra IE ferramenta de desenvolvimento.