Saltar al contenido

Desminificar / descomprimir JavaScript

Solución:

La cuestión es que no puede realmente “desminificar” su código porque algunos datos ya se perdieron, por ejemplo, nombres de variables. Sin embargo, puede reformatearlo a una forma más legible.

  1. De acuerdo con esta pregunta, desde VisualStudio 2012 solo puede usar control+mi, D atajo de teclado
  2. Si lo anterior no es correcto, existe esta extensión para VS 2010: http://visualstudiogallery.msdn.microsoft.com/41a0cc2f-eefd-4342-9fa9-3626855ca22a pero no estoy seguro de si funciona con VS 2013
  3. Existe una extensión de VisualStudio llamada ReSharper que puede reformatear javascript de diferentes maneras.
  4. También hay formateadores en línea ya mencionados en otras respuestas (si su código es confidencial, le recomendaría cierta paranoia que se manifiesta al descargar fuentes y usarlas localmente).
  5. Además, siempre puede intentar encontrar una versión no minificada de la biblioteca deseada en las redes.
  6. Además, existe el IDE WebStorm de JetBrains que puede reformatear JS; puede descargar una versión de prueba con el único propósito de reformatear sus scripts minificados 🙂
  7. Si eso es solo para facilitar la depuración, es posible que desee utilizar mapas de origen

Además, aquí hay un montón de preguntas relacionadas:

¿Cómo sangrar automáticamente el código fuente? <- esto es para VS2010, pero parece prometedor, tal vez le ayude si es compatible con JavaScript (y lo hace desde VS2012 según el soporte de MS):

control+mi, D – Dar formato a todo el documento
control+K, control+F – Selección de formato

reindent (reformatear) archivo jquery / javascript minimizado en visual studio

Visual Studio 2010 no puede formatear documentos JavaScript complejos

Formateador de código de Visual Studio

¿Cómo hacer que funcione el formato javascript de Visual Studio?

No estoy seguro de si descubrieron una forma funcional de reformatear JS, pero he visto algunas respuestas que podría sea ​​útil, solo estoy pegando esto aquí solo para su información.

Añadido 03.06.2014:

http://www.jsnice.org/

Esta herramienta también podría ser útil, incluso intenta inferir nombres minificados. Como se indica en su sitio web:

We will rename variables and parameters to names that we learn from thousands of open source projects.

Es solo una transformación unidireccional … lo siento, en casos normales, ¡no obtendrás algo comprensible de JavaScript minificado!

Eche un vistazo rápido a la fuente de JQuery por un segundo:

(function( window, undefined ) {

// Can't do this because several apps including ASP.NET trace
// the stack via arguments.caller.callee and Firefox dies if
// you try to trace through "use strict" call chains. (#13335)
// Support: Firefox 18+
//"use strict";
var
    // The deferred used on DOM ready
    readyList,

    // A central reference to the root jQuery(document)
    rootjQuery,

    // Support: IE<10
    // For `typeof xmlNode.method` instead of `xmlNode.method !== undefined`
    core_strundefined = typeof undefined,

    // Use the correct document accordingly with window argument (sandbox)
    location = window.location,
    document = window.document,
    docElem = document.documentElement,

    // Map over jQuery in case of overwrite
    _jQuery = window.jQuery,

    // Map over the $ in case of overwrite
    _$ = window.$,

    // [[Class]] -> type pairs
    class2type = {},

    // List of deleted data cache ids, so we can reuse them
    core_deletedIds = [],

    core_version = "1.10.2",
------

Y ahora en la fuente de minify:

(function(e,t){var n,r,i=typeof t,o=e.location,a=e.document,s=a.documentElement,
l=e.jQuery,u=e.$,c={},p=[],f="1.10.2", ....

Creo que ahora lo ves =>

window       => e
undefined    => t
readyList    => n
rootjQuery   => r
core_strundefined  => i
location     => o
document     => a 

Así que está mapeado de alguna manera para que sea más corto, mira aquí para minimizar algo.La gente normalmente usa esto, por lo que no hay vuelta atrás.

puedes simplemente formatearlo mira aquí

Personalmente, no puedo pensar en una razón para anular la minificación del código ^:

  • Si está utilizando un archivo js compilado (al igual que el cierre de Google) y desea un código más legible para depurar, use mapas de origen disponibles para bibliotecas bien compatibles (hablando de jQuery, si se sirve desde un CDN de Google, ya se asigna a la fuente correcta)

  • Si está utilizando un archivo js minificado solo con espacios en blanco y desea un código más legible para depurar, puede alternar la impresión bonita en el navegador. Esto parece encajar mejor con su pregunta.

  • Si está utilizando cualquiera de los anteriores y desea modificar el código fuente de un archivo js de terceros, no lo haga. Cualquier versión futura cancelará su cambio; en su lugar, considere uno de los muchos patrones para extender un marco (o, tal vez, haga algunos golpes de pato según el escenario exacto).

Las otras respuestas parecen cubrir bien el proceso de “desminificación” (¿maxificación?), Pero primero vale la pena asegurarse de que sea un paso necesario.

^ – Excepto cuando el control de versiones cae, no hay copias de seguridad y la única versión que queda del archivo es una copia reducida en la caché del navegador. No preguntes.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *