Formateador JSON gratis
Formatea, valida, minifica y explora datos JSON. Vista de árbol, resaltado de sintaxis y copia con un clic.
Usos habituales
- Formatea respuestas de APIPega respuestas JSON de API sin procesar e instantáneamente formatea en salida legible e indentada.
- Formatea archivos de configuración JSONLimpia y valida archivos de configuración JSON — package.json, tsconfig.json, configuración y más.
- Formatea JSON para depuraciónDesenreda JSON minificado o escapado en registros, cargas de error y salidas de base de datos al instante.
- Formatea archivos de traducción JSONValida y embellece archivos JSON de traducción i18n (en.json, de.json) usados en aplicaciones React, Vue y Next.js.
- Inspecciona y formatea cargas de WebhookPega cargas de webhook sin procesar de Stripe, GitHub o Shopify y léelas claramente formateadas.
Cómo funciona
El formateador se ejecuta enteramente en tu navegador usando el JSON.parse y JSON.stringify integrados de JavaScript: sin biblioteca, sin servidor. Analizar, formatear, minificar y la vista de árbol interactiva ocurren todos localmente mientras escribes.
- 1Análisis en vivo con la entradaJSON.parse se ejecuta 200 ms después de tu última pulsación. Si el análisis falla, una función de localización de errores escrita a mano lee el mensaje SyntaxError de V8 o Firefox, extrae el número de línea y columna, y ofrece un enlace de salto al error en el área de texto.
- 2Detección de enteros insegurosAntes de mostrar la salida, la herramienta escanea la fuente en bruto en busca de literales enteros de 16 o más dígitos (ignorando los que están dentro de cadenas entre comillas), y luego prueba cada uno con Number.isSafeInteger. Si alguno se redondearía silenciosamente por el almacenamiento de doble precisión IEEE-754, aparece una advertencia antes de que copies o descargues.
- 3Formato, minificación y ordenación de clavesJSON.stringify(value, null, indent) produce la salida formateada o minificada. Cuando ordenar claves está activado, una función recursiva recorre cada objeto en el árbol analizado y lo reconstruye con Object.keys(...).sort() antes de la serialización; los arreglos se dejan en su orden original.
- 4Vista de árbol interactivaLa vista de árbol es un aplanamiento recursivo escrito a mano que convierte el objeto analizado en una lista plana de nodos con profundidad, ruta y estado de expandir/colapsar. El renderizado se limita a 5.000 nodos visibles para evitar que la pestaña se congele en documentos de varios megabytes con arreglos grandes expandidos.
Todo se ejecuta localmente en tu navegador: tu JSON nunca se envía a ningún servidor.
Herramientas relacionadas
Minificador y embellecedor de CSS
Minifica CSS para reducir el tamaño del archivo o embellece CSS minificado para facilitar la lectura. Instantáneo, en tu navegador.
Embellecedor de CSS
Da formato legible al CSS minificado con una sangría uniforme, o minifícalo. Ordenación alfabética opcional de las propiedades para obtener diferencias predecibles.
Embellecedor y minificador de HTML
Da formato o minifica HTML con la sangría de anidación adecuada. Conserva el contenido dentro de los bloques <pre>, <script> y <style>.