pulsa ⌘K para cambiar de herramienta
FORMAT & CONVERT

Formateador JavaScript

Formatea código JavaScript.

local
js-format
§01 ACERCA DE ESTA HERRAMIENTA

Descripción general

Los paquetes minificados y los fragmentos en una sola línea son incómodos de leer. Esta herramienta reindenta JavaScript con el motor js-beautify — indentación de dos espacios, una instrucción por línea — para que puedas inspeccionar scripts de terceros, depurar un paquete de producción o limpiar un prototipo rápido. Todo se ejecuta localmente en tu navegador.

Cómo se usa

  1. Pega tu código en el campo JavaScript.
  2. El campo Formatted se actualiza al instante mientras escribes: no hay ningún botón que pulsar.
  3. Copia el resultado desde el campo de salida.

Ejemplos

  • function f(a){return a?1:2}
function f(a) {
  return a ? 1 : 2
}
  • Una IIFE minificada como (function(){var x=1;console.log(x)})() se despliega en un bloque de varias líneas legible.

Notas

Es un embellecedor, no un desofuscador: restaura la disposición pero no puede recuperar los nombres originales de las variables en código minificado (a, b, t se quedan como están). Tampoco valida la sintaxis: una entrada rota se formatea lo mejor posible. La sintaxis moderna que admite js-beautify, incluidas las funciones flecha y las plantillas literales, se formatea correctamente.

FAQ
¿Se envía mi código a un servidor?
No. El formateo se ejecuta por completo en tu navegador mediante la biblioteca js-beautify. Tu código fuente nunca sale de tu equipo.
¿El formateador ejecuta mi JavaScript?
No. El código solo se analiza y se vuelve a imprimir como texto; nunca se evalúa, así que pegar scripts en los que no confías para inspeccionarlos es seguro.
¿El formateo cambia lo que hace el código?
No. Solo se reescriben los espacios, los saltos de línea y la indentación. Los identificadores, los literales y el orden de las instrucciones quedan intactos, así que el comportamiento es idéntico.