:: eliax.com - JSBeautifier, te organiza y modifica estéticamente tu código Javascript

texto: A- A+

lunes, diciembre 13, 2010

JSBeautifier, te organiza y modifica estéticamente tu código Javascript
eliax id: 8340 josé elías en dic 13, 2010 a las 11:33 AM ( 11:33 horas)

Si eres un programador web que se moja las manos con Javascript, he aquí una herramienta que tiene un doble propósito:

1. Te organiza y modifica estéticamente tu código Javascript, de modo que este sea más placentero a la vista y siga estándares de formatos de programación.

2. (Y quizás de más interés para algunos): Te permite tomar código intencionalmente "obsfucado" y "desenrredarlo" para que sea más fácil entenderlo y poder hacer ingeniería inversa.

Lo mejor de todo es que similar a JSFiddle, esta es una herramienta que para utilizarla simplemente tienes que visitar la página de la herramienta, y empiezas a utilizarla inmediatamente sin instalar nada ni abrir cuentas. Simplemente copias tu código en la ventana que aparece, haces clic en el botón que dice Beautify, y listo :)

Enlace a jsbeautifier.org

autor: josé elías

8 comentarios

Software

Previamente en eliax:
Truco: Enlaces Simbólicos en Windows similar a UNIX/Linux/OS X ( jun 28, 2008)
Pregunta a eliax: ¿Qué es un Cache y cómo funciona? ( ago 6, 2009)
Pregunta a eliax: ¿Qué es un Buffer y cómo funciona? ( ago 7, 2009)
Pregunta a eliax: ¿Qué es un Runtime y cómo me afecta en la vida diaria? ( nov 1, 2010)
Un algoritmo eliax: Una forma super-eficiente de almacenar datos jerárquicos, linealmente ( nov 8, 2010)
Pregunta de lector: ¿Instalación automatizada en Windows? ( nov 27, 2010)
JSFiddle, potente herramienta para Javascript y frameworks como JQuery y Prototype.js ( dic 1, 2010)

Posteriormente en eliax:
Pregunta a eliax: ¿Qué es un Connection Pool en bases de datos? ( ene 17, 2012)
La página de las extensiones de nombres de archivos ( feb 21, 2012)
Light Table, revolucionario concepto en programación de software ( jun 4, 2012)
MemSQL, motor de base de datos compatible con MySQL, 30x más rápido ( jun 26, 2012)
Eliax anuncia developers.X - un grupo para desarrolladores de software ( jun 30, 2012)
Gracias por apoyar a developers.X ¡Ya somos más de 1,700 en 7 días! ( jul 7, 2012)
Introducción de alto nivel a WebSockets, la nueva tendencia en aplicaciones web ( jul 29, 2012)
WebPlatform por Apple, Google, Microsoft, Facebook y otros, documentan la Web ( oct 9, 2012)
Video de como un programador novato vs experto rastrea código con sus ojos ( dic 23, 2012)
Eliax en CodeCampSDQ 2013, República Dominicana, viernes 19 de Julio 2013 ( jul 12, 2013)
Finalizada con éxito mi charla en el CodeCampSDQ 2013 ( jul 20, 2013)
El grupo DevelopersX de eliax ya tiene más de 4,000 desarrolladores de software ( oct 10, 2013)
Artículos recientes en DevelopersX, de interés para desarrolladores de software ( nov 19, 2013)

Comentarios

Algo que nunca habia hecho: Primero!

Luego de ese ritual demencial viene mi opinion de que esto se orientara mas en el asunto de separar las funciones con espacios y demas, porque no entiendo que labor pueda hacer una aplicacion de modificacion de codigo en programas que puedan variar tanto dependiendo del programador.

y no sera "ofuscado" o algo parecido?

#1 LOL2 - diciembre 13, 2010 - 02:48 PM (14:48 horas) (responder)
Beautiful... xD...

#2 Christopher (enlace) - diciembre 13, 2010 - 03:14 PM (15:14 horas) (responder)
Haciendo un off topic. no sabia que se esta hizo la pelicula de thor jeje aqui esta el trailer
htt p://ww w.youtube.com/watch?v=O_dil1dHu2I&feature=player_embedded

#3 elpadrino - diciembre 13, 2010 - 03:44 PM (15:44 horas) (responder)

Te interesará leer esto también: http://www.eliax.com/index.cfm?post_id=7960

Y si no me equivoco creo que fue al final de la última película de Iron Man (después de los créditos) que dieron el avance de Thor :)

#3.1 José Elías (enlace) - diciembre 13, 2010 - 04:06 PM (16:06 horas) (responder)

Si habia visto eso al final de iron man, y el enlace que me pusiste, pero no sabia que la pelicula de thor estaba ya tan avanzado, pues nada en mayo de cabeza para el cine, a verla en 3D :D

#3.1.1 elpadrino - diciembre 13, 2010 - 04:20 PM (16:20 horas) (responder)

Algo es seguro: Vamos a verla :)

#3.1.1.1 José Elías (enlace) - diciembre 13, 2010 - 04:59 PM (16:59 horas) (responder)

¿se podria usar "semantica" -la de XML y similares- para "entender" el código de un lenguaje de programación?, una cosa un tanto recursiva. ¿Que keywords me recomiendan, para conocer topicos relacionados?, yo solo programo medianamente en XHTML, nada de CSS, ni mucho menos HTML 5, y conozco rudimentos de C.

#4 Leo R. - diciembre 13, 2010 - 04:10 PM (16:10 horas) (responder)
Copias el codigo y le das a que te lo " arregle" y taran te robaron tu codigo...

#5 lolo - diciembre 16, 2010 - 05:33 AM (05:33 horas) (responder)

Añadir Comentario

tu nombre
tu email (opcional)
web personal (opcional)
en respuesta a...
comentario de caracteres máximo
2 + 1 =	requerido (control anti-SPAM)
¿De qué color es el cielo?:	requerido (control anti-SPAM)

"Brillante artículo. Simple, profundo y conciso. Lo puede entender hasta un chico de 6 años y no deja de ser uno de los mejores escritos sobre Ciencia vs Religión que he leído en años. Realmente tenés el don de simplificar lo complejo. Por artículos como este, es que tu blog se transformó en mi página de inicio. Es muy interesante destacar que este Nuevo Renacentismo seguramente va a coincidir cronológicamente (y quizás sea fundamental para su asentamiento) con la Singularidad. Saludos desde Bs. As."

por "Ignacio Pol" en feb 1, 2012