Una sinfonía en C#

Un pequeño aporte a la comunidad de habla hispana.

Sacando el jugo a console.log en el navegador web

La buena consola del navegador (esa que llamamos al hacer dumps de variables por ejemplo) hace algunas cosas que todos sabemos, como el famoso console.log(“algo”); sin embargo con el correr del tiempo se fueron agregando funcionalidades que no todos conocemos/usamos, y algunas son realmente interesantes.

console.log y más allá

Todos hemos usado console.log, bien en lo que se refiere a visualizar texto en realidad tenemos 4 métodos con los que lo podemos hacer:

  • console.log()
  • console.linfo()
  • console.warn()
  • console.error()

Uso básico

El uso más simple es pasar como parámetro un objeto o variable (o texto, claro) y el navegador nos mostrará la representación del objeto en forma de string.

image

Nótese que el navegador (Chrome en este caso) muestra un ícono diferente dependiendo del método usado, de hecho el último que hicismo con error genera un error en la consola y el warn una adverencia

image

También podemos pasar texto junto con el objeto

image

Sustituciones de strings

Existe la posiblidad de usar patrones de string para que la cadena haga reemplazos, para ser más claro mejor una tabla

String de sustitución Descripción
%o o %O Muestra un objeto y permite abrir el detalle
%d o %i Mustra un número,permite formato, ej. %.2d
%s Muestra un string
%f Muestra un número de punto flotante, soporta formato

 

Gracias al soprote de sustitución de string podemos hacer cosas como ésta en Firefox:

image

Cool, hay muchas otras cosas que se puden hacer en console, pero lo dejamos para más adelante.

Nota: no todos los navegadores dan el mismo resulado.

Nos leemos.

Comments (1) -

  • Javier Saldana

    10/7/2016 3:09:16 PM | Reply

    Que buen artículo.

    Para complementarlo, también puedes utilizar el console.table(array). Así muestras en la consola una tabla bien detallada, donde cada propiedad del objeto es una columna.

Loading