Embellecedor de JavaScript
Embellezca JavaScript: convierta frases breves minimizadas en código legible.
Cómo usar Embellecedor de JavaScript
- Pegue el JavaScript: un paquete minificado, un script en línea o una fuente desordenada.
- Lea el resultado formateado: declaraciones separadas, bloques con sangría, flujo visible.
- Espere nombres de variables cortos en el código de producción: la minificación les cambió el nombre de forma permanente; la estructura aún cuenta la historia.
- Para depurar sitios activos, {} Pretty-print de DevTools lo hace con puntos de interrupción: use ambos.
¿Cuál es Embellecedor de JavaScript?
Un embellecedor de JavaScript reformatea el código para convertirlo en una estructura legible: declaraciones en sus propias líneas, bloques con sangría, operadores espaciados, convirtiendo la única línea de 80 000 caracteres de un paquete minificado en código que un ser humano puede seguir. La lógica está intacta; solo se devuelve el formato.
La advertencia honesta desde el principio: embellecer invierte la eliminación de espacios en blanco de la minificación pero no el cambio de nombre de la variable: la función a(b,c){return b+c} de los paquetes de producción embellece en una estructura legible con nombres ilegibles. La estructura más el contexto suele ser suficiente para seguir la lógica; los nombres originales necesitan mapas fuente.
Sobre el Embellecedor de JavaScript
Pegue JavaScript minificado o desordenado y obtenga un resultado estructurado y con sangría, lo suficientemente legible para depurarlo, aprender de él o auditarlo.
Por qué la gente embellece JS: depurar un error de producción cuyo seguimiento de pila apunta a un paquete minificado (embellecer, encontrar la línea, razonar al respecto), comprender qué hace realmente un script de terceros antes de confiar en él en una página (fragmentos de análisis, etiquetas de anuncios, los widgets que desea el marketing), inspeccionar un la lógica de interfaz del sitio por curiosidad o investigación, y reformatear el código heredado escrito antes de que Prettier estandarizara el estilo de todos.
Alternativa en el navegador que vale la pena conocer: el botón de impresión bonita de DevTools ({}) hace esto dentro del depurador con puntos de interrupción adjuntos. Para revisar el código, compartirlo o leerlo sin conexión, un embellecedor le proporciona el texto en sí. El viaje inverso es el Minificador de JavaScript; para código deliberadamente codificado (no simplemente minimizado), consulte el Deofuscator.