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.


  • 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!






Efectos jQuery - Ocultar y mostrar

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Como abrir un enlace con jQuery

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Cómo rastrear a los usuarios de Adblock usando Google Analytics

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google WebSite Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial