» » » Creación de tablas con console.table en Chrome

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.

Deja un comentario

Información
Atención! Usuarios que están en este grupo no pueden dejar comentarios en la página...Primero debes Registrarse!

Redes Sociales

Cómo publicar videos más largos en tus historias de Instagram

Cómo publicar videos más largos en tus historias de Instagram

Si a veces subes videos a tus historias de Instagram , probablemente te has topado con el límite de 15 segundos. Eso significa que no importa la duración del video que publiques en tu historia, Instagram lo recortará automáticamente a una duración máxima de 15 segundos. Esto es ideal para videos...
Recupera Tus Mensajes O Chats De WhatsApp Borrados

Recupera Tus Mensajes O Chats De WhatsApp Borrados

  Recuperar mensajes y chats borrados de tu aplicación WhatsApp para Android es una tarea que puede resultar  necesaria alguna vez. A menudo, estamos tratando de liberar espacio físico de nuestro dispositivo Android y llegamos incluso a borrar...
Integrar El Boton de Whatsapp En Tu Web

Integrar El Boton de Whatsapp En Tu Web

  De todos es conocido que WhatsApp se ha convertido en una herramienta para compartir fotos y vídeos con tus amigos, familiares y compañeros de trabajo. También cada vez más usado, para compartir enlaces de contenidos de la web y otras aplicaciones móviles. Para ayudar a compartir los contenidos...
Crees que las redes sociales te están haciendo bien o mal

Crees que las redes sociales te están haciendo bien o mal

Las redes sociales te ofrecen una forma única de observar a la gente. Por ejemplo, el lenguaje utilizado en Twitter puede usarse para predecir si alguien está en riesgo de morir de una enfermedad cardíaca. El análisis de las actualizaciones de Facebook muestra que las mujeres son generalmente más...
Crea una imagen para las redes sociales

Crea una imagen para las redes sociales

Aprenda a combinar una foto, texto y material gráfico en Photoshop para su Facebook, Twitter y otras publicaciones en redes sociales. Utilice estas habilidades para crear sus propias imágenes de redes sociales o cualquier diseño que cree en Photoshop. Adobe Photoshop es un editor de gráficos...
Comparte instantáneamente tus fotos y diseños

Comparte instantáneamente tus fotos y diseños

Muestre rápidamente su trabajo a clientes y compañeros de trabajo, o comparta una idea al instante por correo electrónico, texto, redes sociales y más, todo dentro de Adobe Photoshop CC. Nota: Necesitará la última versión de Photoshop CC para usar esta función. Comparte tu trabajo ahoraHaz clic en...