¿Qué es console.log?

¿De qué sirve console.log?

Explica cómo usarlo en JavaScript, con un ejemplo de código.

No es una función de jQuery, sino una función para fines de depuración. Por ejemplo, puede registrar algo en la consola cuando sucede algo. Por ejemplo:

$('#someButton').click(function() {
  console.log('#someButton was clicked');
  // do something
});

Entonces verías #someButton was clicked en la pestaña "Consola" de Firebug (o la consola de otra herramienta, por ejemplo, el Inspector web de Chrome) cuando haría clic en el botón.

Por algunas razones, el objeto de la consola podría no estar disponible. Luego, puede verificar si es así; esto es útil ya que no tiene que eliminar su código de depuración cuando lo implementa en producción:

if (window.console && window.console.log) {
  // console is available
}

¡Lugares donde puedes ver la consola! Solo para tenerlos a todos en una respuesta.

Firefox

http://getfirebug.com/

(ahora también puede usar las herramientas de desarrollador integradas de Firefox Ctrl + Shift + J (Herramientas> Desarrollador web> Consola de error), pero Firebug es mucho mejor; use Firebug)

Safari y Chrome

Básicamente lo mismo.

https://developers.google.com/chrome-developer-tools/docs/overview

https://developer.apple.com/technologies/safari/developer-tools.html

explorador de Internet

No olvide que puede usar los modos de compatibilidad para depurar IE7 e IE8 en IE9 o IE10

http://msdn.microsoft.com/en-us/library/ie/gg589507(v=vs.85).aspx

http://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx

Si debe acceder a la consola en IE6 para IE7, use el bookmarklet Firebug Lite

http://getfirebug.com/firebuglite/ busque bookmarklet estable

http://en.wikipedia.org/wiki/Bookmarklet

Ópera

http://www.opera.com/dragonfly/

iOS

Funciona para todos los iPhones, iPod touch y iPads.

http://developer.apple.com/library/ios/ipad/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

Ahora con iOS 6 puede ver la consola a través de Safari en OS X si conecta su dispositivo. O puede hacerlo con el emulador, simplemente abra una ventana del navegador Safari y vaya a la pestaña "Desarrollar". Allí encontrará opciones para que el inspector de Safari se comunique con su dispositivo.

Windows Phone, Android

Ambos no tienen consola incorporada y no tienen capacidad de marcador. Entonces usamos http://jsconsole.com/ type: listen y le dará una etiqueta de script para colocar en su HTML. A partir de entonces, puede ver su consola dentro del sitio web jsconsole.

iOS y Android

También puede usar http://html.adobe.com/edge/inspect/ para acceder a las herramientas del inspector web y la consola en cualquier dispositivo utilizando su conveniente complemento de navegador.

Problemas antiguos del navegador

Por último, las versiones anteriores de IE se bloquearán si usa console.log en su código y no tiene las herramientas de desarrollador abiertas al mismo tiempo. Afortunadamente es una solución fácil. Use el fragmento de código a continuación en la parte superior de su código:

 if(!window.console){ window.console = {log: function(){} }; } 

Esto verifica si la consola está presente, y si no, la establece en un objeto con una función en blanco llamada log. De esta manera, window.console y window.console.log nunca es verdaderamenteundefined.

Puede ver cualquier mensaje registrado en la consola si utiliza una herramienta como Firebug para inspeccionar su código. Digamos que haces esto:

console.log('Testing console');

Cuando acceda a la consola en Firebug (o cualquier herramienta que decida usar para inspeccionar su código), verá cualquier mensaje que le indique a la función que registre. Esto es particularmente útil cuando desea ver si una función se está ejecutando, o si una variable se pasa / asigna correctamente. En realidad, es bastante valioso para descubrir qué salió mal con su código.

Publicará un mensaje de registro en la consola javascript del navegador, por ejemplo, Firebug o Herramientas para desarrolladores (Chrome / Safari) y mostrará la línea y el archivo desde donde se ejecutó.

Además, cuando genera un objeto jQuery, incluirá una referencia a ese elemento en el DOM, y al hacer clic en él irá a eso en la pestaña Elementos / HTML.

Puede usar varios métodos, pero tenga en cuenta que para que funcione en Firefox, debe tener Firebug abierto, de lo contrario, toda la página se bloqueará. Si lo que está registrando es una variable, una matriz, un objeto o un elemento DOM, también le dará un desglose completo, incluido el prototipo del objeto (siempre es interesante tener un vistazo). También puede incluir tantos argumentos como desee, y serán reemplazados por espacios.

console.log(  myvar, "Logged!");
console.info( myvar, "Logged!");
console.warn( myvar, "Logged!");
console.debug(myvar, "Logged!");
console.error(myvar, "Logged!");

Estos se muestran con diferentes logotipos para cada comando.

También puede usar console.profile(profileName);para comenzar a perfilar una función, script, etc. Y luego finalizarlo conconsole.profileEnd(profileName); y aparecerá en su pestaña Perfiles en Chrome (no lo sé con FF).

Para obtener una referencia completa, visite http://getfirebug.com/logging y le sugiero que lo lea.(Rastros, grupos, perfiles, inspección de objetos).

¡Espero que esto ayude!

No hay nada que ver con jQuery y si quieres usarlo te aconsejo que lo hagas

if (window.console) {
    console.log("your message")
}

Para que no rompa su código cuando no está disponible.

Como se sugiere en el comentario, también puede ejecutarlo en un solo lugar y luego usarlo de console.logmanera normal

if (!window.console) { window.console = { log: function(){} }; }

console.logno tiene nada que ver con jQuery. Es un objeto / método común proporcionado por los depuradores (incluidos el depurador de Chrome y Firebug) que permite que un script registre datos (u objetos en la mayoría de los casos) en la consola de JavaScript.

console.logregistra información de depuración en la consola en algunos navegadores (Firefox con Firebug instalado, Chrome, IE8, cualquier cosa con Firebug Lite instalado). En Firefox es una herramienta muy poderosa, que le permite inspeccionar objetos o examinar el diseño u otras propiedades de los elementos HTML. No está relacionado con jQuery, pero hay dos cosas que se hacen comúnmente cuando se usa con jQuery:

• instale la extensión FireQuery para Firebug. Esto, entre otras ventajas, hace que el registro de los objetos jQuery se vea mejor.

• cree un contenedor que esté más en línea con las convenciones de código de encadenamiento de jQuery.

Esto generalmente significa algo como esto:

$.fn.log = function() {
    if (window.console && console.log) {
        console.log(this);
    }
    return this;
}

que luego puedes invocar como

$('foo.bar').find(':baz').log().hide();

para verificar fácilmente dentro de las cadenas jQuery.

console.log no tiene nada que ver con jQuery.

Registra un mensaje en una consola de depuración, como Firebug.

Un punto de confusión a veces es que para registrar un mensaje de texto junto con el contenido de uno de sus objetos usando console.log, debe pasar cada uno de los dos como un argumento diferente. Esto significa que debe separarlos por comas porque si usara el operador + para concatenar las salidas, esto llamaría implícitamente el .toString()método de su objeto. En la mayoría de los casos, esto no se anula explícitamente y la implementación predeterminada heredada por Objectno proporciona ninguna información útil.

Ejemplo para probar en la consola:

>>> var myObj = {foo: 'bar'}
undefined
>>> console.log('myObj is: ', myObj);
myObj is: Object { foo= "bar"}

mientras que si intentas concatenar el mensaje de texto informativo junto con el contenido del objeto obtendrás:

>>> console.log('myObj is: ' + myObj);
myObj is: [object Object]

Tenga en cuenta que console.log, de hecho, toma tantos argumentos como desee.

Use console.logpara agregar información de depuración a su página.

Muchas personas lo usan alert(hasNinjas)para este propósito, pero console.log(hasNinjas)es más fácil trabajar con él. Usando una alerta emergente aparece un cuadro de diálogo modal que bloquea la interfaz de usuario.

Editar: Estoy de acuerdo con Baptiste Pernet y Jan Hančič en que es una muy buena idea verificar si window.consolese define primero para que su código no se rompa si no hay una consola disponible.

Un ejemplo: suponga que desea saber qué línea de código pudo ejecutar su programa (¡antes de que se rompiera!), Simplemente escriba

console.log("You made it to line 26. But then something went very, very wrong.")

Lo usa para depurar código JavaScript con Firebug para Firefox o la consola JavaScript en los navegadores WebKit .

var variable;

console.log(variable);

Mostrará el contenido de la variable, incluso si se trata de una matriz u objeto.

Es similar a print_r($var);para PHP .

Cuidado: dejar llamadas a la consola en su código de producción hará que su sitio se rompa en Internet Explorer. Nunca lo mantengas desenvuelto. Ver: https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog

En los primeros días, la depuración de JS se realizaba a través de la alert()función; ahora es una práctica obsoleta.

La console.log()es una función que escribe un mensaje para iniciar sesión en la consola de depuración, como Webkit o Firebug. En un navegador no verá nada en la pantalla. Registra un mensaje en una consola de depuración. Solo está disponible en Firefox con Firebug y en navegadores basados ​​en Webkit (Chrome y Safari). No funciona bien en todas las versiones de IE .

El objeto de la consola es una extensión del DOM.

El console.log()debe usarse en el código solo durante el desarrollo y la depuración.

Se considera una mala práctica que alguien deje console.log()en el archivo javascript en el servidor de producción.

Si su navegador admite depuración, puede usar el método console.log () para mostrar los valores de JavaScript.

Active la depuración en su navegador con F12y seleccione "Consola" en el menú del depurador.

Consola en JavaScript. Intente arreglar o "depurar" un programa JavaScript que no funciona y practique usando el comando console.log (). Existen accesos directos que lo ayudarán a acceder a la consola de JavaScript, en función del navegador que esté utilizando:

Atajos de teclado de la consola de Chrome

Windows: Ctrl+ Shift+ J
Mac: Cmd+ Option+J

Atajos de teclado de la consola Firefox

Windows: Ctrl+ Shift+ K
Mac: Cmd+ Option+K

Atajos de teclado de la consola de Internet Explorer

F12 llave

Atajos de teclado de la consola Safari

Cmd+ Option+C

console.logespecíficamente es un método para que los desarrolladores escriban código para informar discretamente a los desarrolladores qué está haciendo el código. Se puede usar para alertarlo de que hay un problema, pero no debe reemplazar a un depurador interactivo cuando llega el momento de depurar el código. Su naturaleza asincrónica significa que los valores registrados no representan necesariamente el valor cuando se llamó al método.

En resumen: registre errores con console.log(si está disponible), luego corrija los errores usando su depurador de su elección: Firebug , WebKit Developer Tools (incorporado en Safari y Chrome ), IE Developer Tools o Visual Studio.

Realmente siento que la programación web es fácil cuando empiezo console.loga depurar.

var i;

Si quiero verificar el valor del itiempo de ejecución ...

console.log(i);

puede verificar el valor actual de ien la pestaña de la consola de firebug. Se utiliza especialmente para la depuración.

Se utiliza para iniciar sesión (cualquier cosa que le pase) a la consola Firebug . El uso principal sería depurar su código JavaScript.

Además de los usos mencionados anteriormente, console.logtambién puede imprimir en el terminal en node.js. Un servidor creado con express (por ejemplo) puede usar console.logpara escribir en el archivo de registro de salida.

En los scripts de Java no hay funciones de entrada y salida. Entonces, para depurar el código se utiliza el método console.log (). Es un método para iniciar sesión. Se imprimirá en el registro de la consola (herramientas de desarrollo).

No está presente en IE8 y bajo hasta que abra la herramienta de desarrollo de IE.

Esto no es nada para tratar con jQuery. Hace console.log()referencia a la función de registro del objeto de consola, que proporciona métodos para registrar información en la consola del navegador. Estos métodos están destinados únicamente a fines de depuración y no se debe confiar en ellos para presentar información a los usuarios finales.