Created
July 19, 2013 15:04
-
-
Save jomasero/6039767 to your computer and use it in GitHub Desktop.
Comandos útiles a la hora de depurar código en JavaScript.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** Objeto console. Ver descripción detallada en | |
https://developer.mozilla.org/en-US/docs/Web/API/console */ | |
/* Escribe un mensaje en la consola JS del navegador */ | |
console.log('Hola consola'); | |
/* Escribe un mensaje de información en la consola JS del navegador */ | |
console.info('Te informo la fecha de hoy: %s', new Date()); | |
/* Escribe un mensaje de alerta en la consola JS del navegador */ | |
console.warn('Te advierto consola'); | |
/* Escribe un mensaje de error en la consola JS del navegador */ | |
console.error('Te advierto consola'); | |
console.exception('Te advierto consola'); | |
var miObjeto = { | |
numero: 5, | |
texto: "Hola miObjeto", | |
arreglo: [1,2.3, "4"], | |
objeto: { id: 234 }, | |
funcion: function() { alert("Soy una función!!!"); } | |
}; | |
/* Despliega la estructura interna de un objeto en forma navegable dentro de la | |
consola*/ | |
console.dir(miObjeto); | |
/* Para agrupar mensajes visualmente en la consola:*/ | |
console.log("A continuación, un grupo de mensajes:"); | |
console.group("Grupo abierto"); | |
console.info("Soy un mensaje!"); | |
console.groupEnd(); | |
console.groupCollapsed("Grupo cerrado"); | |
console.info("Soy un mensaje escondido!"); | |
console.groupEnd(); | |
/* A partir de Gecko 10, existe un medidor de tiempos */ | |
console.time("answer time"); | |
alert("Click to continue"); | |
console.timeEnd("answer time"); | |
/* Con una utilidad para depuración abierta, este comando sirve para colocar un | |
punto de interrupción (muy útil para depurar script importado con AJAX) */ | |
debugger; | |
/* Un par de popups que la mayoría conocemos */ | |
var respuestaUsuario = confirm('¿Hola confirm?'); | |
var textoRespuesta = (respuestaUsuario) ? 'Contesté sí' : 'Contesté no'; | |
alert(textoRespuesta); | |
/* Un popup para recibir datos directamente */ | |
var nombre = prompt("Por favor ingrese un nombre", "Harry Potter"); | |
var textoNombre = (nombre !== null && nombre !== '') ? | |
'Tu nombre es ' + nombre : '¡No digitaste nada!'; | |
alert(textoNombre); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment