javascript - ¿Qué es console.log?
firebug (20)
¿Cuál es el uso de console.log ?
Por favor explique cómo usarlo en JavaScript, con un ejemplo de código.
Además de los usos mencionados anteriormente, console.log también puede imprimir al terminal en node.js Un servidor creado con Express (por ejemplo,) puede usar console.log para escribir en el archivo del registrador de salida.
Cuidado: dejar llamadas a la consola en su código de producción hará que su sitio se interrumpa en Internet Explorer. Nunca lo mantengas desenvuelto. Consulte: https://web.archive.org/web/20150908041020/blog.patspam.com/2009/the-curse-of-consolelog
En los primeros días, la depuración JS se realizó a través de la función alert() , ahora es una práctica obsoleta.
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ás nada en la pantalla. Registra un mensaje a 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 consola es una extensión del DOM.
La 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 del servidor de producción.
En los scripts de java no hay funciones de entrada y salida. Así que para depurar el código se usa el método console.log (). Es un método para el registro. Se imprimirá bajo el registro de la consola (herramientas de desarrollo).
No está presente en IE8 y hasta que abra la herramienta de desarrollo de IE.
Lugares donde puedes ver la consola! Solo para tenerlos a todos en una respuesta.
Firefox
También las herramientas incorporadas para desarrolladores de Firefox, Ctrl + Shift + J (Herramientas> Desarrollador Web> Consola de errores) (pero Firebug es mucho mejor; use Firebug)
https://developer.mozilla.org/en-US/docs/Tools
Safari y Chrome
Básicamente lo mismo.
https://developers.google.com/web/tools/chrome-devtools/
https://developer.apple.com/safari/tools/
explorador de Internet
No olvide que puede usar los modos de compatibilidad para depurar IE7 y 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, use el bookmarklet de Firebug Lite
https://getfirebug.com/firebuglite/ busca un bookmarklet estable
https://en.wikipedia.org/wiki/Bookmarklet
Ópera
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, puedes ver la consola a través de Safari en OS X si conectas tu dispositivo. O puede hacerlo con el emulador, simplemente abra la 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 bookmarklet. Así que usamos https://jsconsole.com/ type: listen y le dará una etiqueta de script para colocar en su HTML. A partir de ese momento podrás ver tu consola dentro del sitio web de 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 del navegador anterior
Por último, los navegadores más antiguos (gracias de nuevo a Microsoft) se bloquearán si utiliza console.log en su código y no tiene las herramientas de desarrollador abiertas al mismo tiempo. Por suerte es una solución fácil. Simplemente use el siguiente fragmento de código en la parte superior de su código y el buen IE antiguo lo dejará en paz:
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 están realmente undefined.
No es una función de jQuery, sino una función para fines de depuración. Por ejemplo, puedes registrar algo en la consola cuando algo sucede. Por ejemplo:
$(''#someButton'').click(function() {
console.log(''#someButton was clicked'');
// do something
});
Luego vería que #someButton was clicked en #someButton was clicked en la pestaña "Consola" de Firebug (o en la consola de otra herramienta, por ejemplo, el Inspector web de Chrome) cuando hiciera clic en el botón.
Por algunas razones, el objeto de consola podría no estar disponible. Luego puede verificar si lo es. 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
}
No hay nada que hacer con jQuery y si quieres usarlo te aconsejo que hagas
if (window.console) {
console.log("your message")
}
Así que no rompes tu código cuando no está disponible.
Como se sugiere en el comentario, también puede ejecutar eso en un lugar y luego usar console.log como de costumbre.
if (!window.console) { window.console = { log: function(){} }; }
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 emita 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.
Puedes usar varios métodos, pero ten en cuenta que para que funcione en Firefox, debes tener Firebug abierto, de lo contrario se bloqueará toda la página. Ya sea que lo que esté registrando sea una variable, una matriz, un objeto o un elemento DOM, le proporcionará un desglose completo que incluye también el prototipo del objeto (siempre es interesante tener un toque). 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, un script, etc. Y luego console.profileEnd(profileName); con console.profileEnd(profileName); y se mostrará en la pestaña Perfiles en Chrome (no sé con FF).
Para obtener una referencia completa, visite http://getfirebug.com/logging y le sugiero que lo lea. (Rastros, grupos, perfilado, inspección de objetos).
¡Espero que esto ayude!
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 la 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é fue lo que salió mal con tu código.
Realmente siento que la programación web es fácil cuando inicio console.log para la depuración.
var i;
Si quiero comprobar el valor de i runtime ..
console.log(i);
Puede verificar el valor actual de i en la pestaña de la consola de firebug. Se utiliza especialmente para la depuración.
Se utiliza para registrar (cualquier cosa que se le pase) a la consola Firebug . El uso principal sería depurar su código JavaScript.
Si su navegador admite la depuración, puede usar el método console.log () para mostrar los 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 del comando console.log (). Hay accesos directos que le ayudarán a acceder a la consola de JavaScript, según el navegador que esté utilizando:
Atajos de teclado de la consola de Chrome
Windows: Ctrl + Shift + J
Mac: Cmd + Opción + J
Atajos del teclado de la consola de Firefox
Windows: Ctrl + Shift + K
Mac: Cmd + Opción + K
Atajos de teclado de la consola de Internet Explorer
Tecla F12
Atajos de teclado de la consola de Safari
Cmd + Opción + C
Un ejemplo: suponga que desea saber en 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.")
Un punto de confusión a veces es que para registrar un mensaje de texto junto con el contenido de uno de sus objetos utilizando 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 implícitamente llamaría al método .toString() de su objeto. En la mayoría de los casos, esto no se invalida 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 intentara concatenar el mensaje de texto informativo junto con el contenido del objeto, obtendría:
>>> console.log(''myObj is: '' + myObj);
myObj is: [object Object]
Así que tenga en cuenta que console.log, de hecho, toma tantos argumentos como desee.
Use console.log para agregar información de depuración a su página.
Muchas personas usan alert(hasNinjas) para este propósito, pero la console.log(hasNinjas) es más fácil de trabajar. Usando una alerta, aparece un cuadro de diálogo modal que bloquea la interfaz de usuario.
Edit: Estoy de acuerdo con y Jan Hančič en que es una muy buena idea verificar si window.console está definido primero para que su código no se rompa si no hay una consola disponible.
console.log es específicamente un método para que los desarrolladores escriban código para informar discretamente a los desarrolladores de lo que está haciendo el código. Se puede usar para avisarle de que hay un problema, pero no debe reemplazar a un depurador interactivo cuando llega 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 utilizando el depurador de su elección: Firebug , WebKit Developer Tools (integrado en Safari y Chrome ), IE Developer Tools o Visual Studio.
console.log no 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.log no tiene nada que ver con jQuery.
Registra un mensaje en una consola de depuración, como Firebug.
console.log registra 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:
Instala la extensión de 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 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 jQuery.