Creación de tablas con console.table en Chrome

 
Echa un vistazo a este truco increíble. Puede utilizar console.table para dar formato a datos en una tabla agradable en Chrome. Abra las herramientas de desarrollador de Chrome (presione F12). A continuación, cree una matriz de hashes de datos. Las claves hash se utilizarán como columnas de tabla y los valores se utilizarán como filas de tabla.

Aquí hay un ejemplo sencillo. Simplemente enumerar el alfabeto, convertirlo en mayúsculas, y también convertirlo en hexadecimal. Copiar esto a la consola de desarrollo:

var data = [];
	var alphabet = "abcdefghijklmnopqrsuvwxyz".split('');
	alphabet.forEach(function (char) {
	  data.push({
	    lowerCase : char,
	    upperCase : char.toUpperCase(),
	    hex       : "0x" + char.charCodeAt(0).toString(16)
	  });
	});
	
	console.table(data);
 
Aquí está el resultado:

Al parecer, console.table ha estado en Chrome desde febrero de 2013, pero sólo lo he descubierto ahora. La próxima vez que necesite una tabla, descarguaré los datos en la consola de desarrollo de Chrome y crearé una captura de pantalla.


<a onclick=J.A. M.A. (J.A.M.)" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2017-07-17
  • Categorias: Google Chrome Internet Noticias Tutorial webmasters



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!