» » Creación de tablas con console.table en Chrome
 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:

Creación de tablas con console.table en Chrome

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:

Creación de tablas con console.table en Chrome

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.

Categorias: Google Chrome / Internet / Noticias / Tutorial / webmasters
Añadir Comentario
Información
Usuarios que están en este grupo no pueden dejar comentarios en la página