Inicia sesión




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.

Te sugiero seguir leyendo...


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2017-07-17
  • Categorias: Google Chrome Internet Noticias Tutorial webmasters

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...
Tutoriales en linea




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






Cómo espiar Facebook y obtener la cuenta de alguien

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-23
  • Categorias: Android Redes Sociales Facebook Noticias Tutorial

Saber si te han hackeado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-16
  • Categorias: Redes Sociales hacker Noticias Tutorial

Mejoras en los graficos y tablas en Google App

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-14
  • Categorias: Google Apps Herramientas Ofimaticas Noticias Tutorial

Access desde cero

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-06-14
  • Categorias: Herramientas Ofimaticas Microsoft Cursos Noticias Tutorial

Curso de CSS avanzado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 html5 Html Cursos Noticias Tutorial

Curso de Introducción a CSS

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 WebSite webmasters Cursos Noticias Tutorial