Tecnología y algo más

• Inicio
• Acerca de …

Formatear código JavaScript online

Muchas veces sucede que queremos ver el código JavaScript de una librería o sitio web y es imposible, ya que se encuentra comprimido y es inentendible.
Para solucionar ese problema podemos usar alguno de los siguientes formateadores de código Javascript.

Pueden tomar como ejemplo el siguiente pedazo de código y probar cuál es el que más les gusta:
var d=0,sp=0,px=13.5,py=23,vx=-.25,vy=0,mp=”,mp2=”,ke=0,xf=new Array(4),yf=new Array(4),vf=new Array(4);function dr(s,x,y){l=document.getElementById(‘p’+s).style;l2=document.getElementById(‘p’+(s+1)).style;if((d%20)<10){l.display=’block’;l2.display=’none’;l.left=x+’em’;l.top=y+’em’}else{l.display=’none’;l2.display=’block’;l2.left=x+’em’;l2.top=y+’em’}}

• Javascript Formatter: no tiene opciones de formateo. Lo bueno es que las palabras claves se encuentran en un color distinto lo que facilita la legibilidad.
• PrettyPrinter: en mi opinión el más completo. No sólo sirve para JavaScript, sino también para PHP, Java, C++, C, Perl, y CSS. Permite configurar varias opciones de formateo, tales como agregar saltos de línea antes de un { o después de un }, remover espacios en blanco, agregar comentarios en los métodos y más. Very powerful.
• Bookmarklet Builder: formateador bastante sencillo que también sirve para comprimir código JavaScript.
• Click me – Script edit: si bien no posee tantas opciones como PrettyPrinter, lo que lo diferencia de Bookmarklet Builder es que nos permite colorear el código y así facilitar la lectura.

Seguramente hay muchos otros formateadores online, así que si alguno conoce otro los invito a compartirlo en los comentarios.

Si te gustó el post, podés dejar tu comentario o suscribirte al feed para recibir los últimos artículos en tu email.

Creado con Wordpress | WP Premium theme por WP Remix
Traducido al español por Feli
Copyright 2007. El Cofrecito. Todos los derechos reservados

• Responsabilidad Legal y Política de Privacidad