Qué es la consola.¿tronco?


¿Para qué sirve console.log?

Por favor, explique cómo usarlo en JavaScript, con un ejemplo de código.

Author: Peter Mortensen, 2010-12-27

20 answers

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 (u otra consola de la herramienta - por ejemplo, Inspector Web de Chrome) cuando se hace clic en el botón.

Por algunas razones, el objeto de consola podría no estar disponible. A continuación, puede comprobar si lo es - esto es útil ya que no tiene que eliminar el código de depuración cuando se implementa a la producción:

if (window.console && window.console.log) {
  // console is available
}
 428
Author: Jan Hančič,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-09-09 22:36:47

Lugares donde puedes ver la consola! Sólo para tenerlos a todos en una sola respuesta.

Firefox

Https://getfirebug.com/

También Firefox construido en herramientas de desarrollo Ctrl + Shift + J (Herramientas > Desarrollador web > Consola de error) (pero Firebug es mucho mejor; usar Firebug)

Https://developer.mozilla.org/en-US/docs/Tools

Safari y Chrome

Básicamente el igual.

Https://developers.google.com/web/tools/chrome-devtools /

Https://developer.apple.com/safari/tools /

Internet Explorer

No olvide que puede usar modos de compatibilidad para depurar IE7 e IE8 en IE9 o 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

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

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

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

Opera

Https://www.opera.com/dragonfly /

IOS

Funciona para todos los iPhones, iPod touch y iPads.

Https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/
(enlace de archivo para Depurar Contenido web en iOS )

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 ni capacidad de bookmarklet. Así que usamos https://jsconsole.com / escriba :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 de jsconsole.

IOS y Android

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


Problemas del navegador anterior

Por último, los navegadores más antiguos (gracias de nuevo Microsoft) se bloquearán si utiliza la consola.inicie sesión en su código y no tenga las herramientas para desarrolladores abiertas al mismo tiempo. Por suerte es una solución fácil. Simple use el siguiente fragmento de código en la parte superior de su código y el buen IE debería dejarlo solo:

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

Esto comprueba si la consola está presente, y si no, la establece en un objeto con una función en blanco llamada log. Ventana por aquí.consola y ventana.consola.log nunca es realmente undefined.

 223
Author: Fresheyeball,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-06-28 13:53:28

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 haya dicho 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 está pasando/asignando correctamente. En realidad es bastante valioso para averiguar qué se equivocó con su código.

 99
Author: Fibericon,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-20 05:31:31

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

Además, cuando arroje un objeto jQuery, incluirá una referencia a ese elemento en el DOM, y al hacer clic en él, irá a 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, matriz, objeto o elemento DOM, le dará un desglose completo incluyendo el prototipo para el objeto también (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 logos para cada comando.

También puede usar console.profile(profileName); para comenzar a perfilar una función, script, etc. Y luego termina con console.profileEnd(profileName); y aparecerá en ti Ficha Perfiles en Chrome (no sé con FF).

Para una referencia completa vaya a http://getfirebug.com/logging y te sugiero que lo leas. (Trazas, grupos, perfiles, inspección de objetos).

Espero que esto ayude!

 79
Author: Fred,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-20 11:28:20

No hay nada que ver con jQuery y si quieres usarlo te aconsejo que 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 ejecutar en un lugar y luego usar console.log como normal

if (!window.console) { window.console = { log: function(){} }; }
 32
Author: Baptiste Pernet,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-07-29 16:51:09

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

 22
Author: Quentin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-12-27 14:14:46

console.log registra la 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 potente, 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 objetos jQuery se vea mejor.

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

Esto significa generalmente 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 comprobar fácilmente dentro de las cadenas de jQuery.

 18
Author: Tgr,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-01-11 18:10:28

console.log no tiene nada que ver con jQuery.

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

 15
Author: SLaks,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2010-12-27 14:14:13

Un punto de confusión a veces es registrar un mensaje de texto junto con el contenido de uno de sus objetos usando la consola.log, tienes que pasar cada uno de los dos como un argumento diferente. Esto significa que tienes que separarlos por comas porque si utilizaras el operador + para concatenar las salidas, esto llamaría implícitamente al método .toString() de tu objeto. Esto en la mayoría de los casos no se anula explícitamente y la implementación predeterminada heredada por Object no 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 intentaras concatenar el mensaje de texto informativo junto con el contenido del objeto obtendrías:

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

Así que ten en cuenta que la consola.log de hecho toma tantos argumentos como quieras.

 15
Author: Thalis K.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-03 12:56:08

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

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

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

 12
Author: Mark Byers,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 11:54:58

Un ejemplo: supongamos 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.")
 11
Author: Gautam Kshatriya,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-07-26 06:29:56

Se usa para depurar código JavaScript con Firebug para Firefox, o consola JavaScript en WebKit navegadores.

var variable;

console.log(variable);

Mostrará el contenido de la variable, incluso si es un array u objeto.

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

 10
Author: jondavidjohn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-07-24 13:33:14

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

 9
Author: Harlo Holmes,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-08-28 23:16:48

En los primeros días la depuración de JS se realizaba a través de la función alert() - 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 el objeto console es una extensión del DOM.

El console.log() debe usarse en 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.

 7
Author: jjpcondor,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-15 19:09:28

console.log específicamente es un método para que los desarrolladores escriban código para informar discretamente a los desarrolladores lo que el código está haciendo. Se puede usar para avisarle de que hay un problema, pero no debe reemplazar a un depurador interactivo cuando llegue el momento de depurar el código. Su naturaleza asíncrona significa que los valores registrados no representan necesariamente el valor cuando se llamó al método.

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

 3
Author: outis,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:34:40

Realmente me siento programación web fácil cuando empiezo console.log para la depuración.

var i;

Si quiero comprobar el valor de i tiempo de ejecución..

console.log(i);

Puedes comprobar el valor actual de i en la pestaña consola de firebug. Se utiliza especialmente para la depuración.

 3
Author: aksu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-01-15 17:57:14

Se usa para registrar (cualquier cosa que se pase) en la consola Firebug. El uso principal sería depurar su código JavaScript.

 3
Author: Poelinca Dorin,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-07-24 13:31:51

Aparte de los usos mencionados anteriormente, console.log también puede imprimir en el terminal en node.js. Un servidor creado con express(por ej.) puede usar console.log para escribir en el archivo de registro de salida.

 3
Author: surajck,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-08-28 06:51:09

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

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

Consola en JavaScript. Intente arreglar, o" depurar", un programa JavaScript que no funciona, y practique el uso de la consola.comando log (). Hay atajos que te van a ayudar a acceder a la consola JavaScript, en función del navegador que seas usando:

Chrome Console Atajos de teclado

Windows: Ctrl + Cambio + J
Mac: Cmd + Opción + J

Firefox Console Atajos de teclado

Windows: Ctrl + Cambio + K
Mac: Cmd + Opción + K

Atajos de teclado de Internet Explorer Console

Tecla F12

Teclado de consola Safari Atajos

Cmd + Opción + C

 3
Author: S. Mayol,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-02-09 16:20:48

En los scripts java no hay funciones de entrada y salida. Así que para depurar la consola de código.el método log () es used.It es un método para el registro. Se imprimirá en el registro de consola (herramientas de desarrollo).

No está presente en IE8 y bajo hasta que abra IE development tool.

 1
Author: NavyaKumar,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-02-23 01:37:25