Formateador de JSON
Pega, sube o edita JSON directamente en un editor de código que lo valida, lo resalta y señala los errores en tiempo real. El JSON válido se formatea automáticamente al pegarlo o subirlo; los fragmentos desordenados se pueden reparar; y puedes formatear, minificar, ordenar las claves, escapar a una cadena, desescapar desde una cadena y expandir las cadenas JSON anidadas con un clic. Los resúmenes de plegado, JSON Path, el modo pantalla completa y las opciones de visualización facilitan inspeccionar payloads grandes. Todo se ejecuta de forma local en tu navegador, así que tus datos nunca salen de tu dispositivo.
- Formatea automáticamente el JSON válido al pegarlo o subirlo, con una disposición legible de 2 espacios
- Valida mientras escribes y muestra la posición exacta del error; haz clic en el estado del error para saltar a la línea y la columna
- Admite formatear, minificar, ordenar claves, escapar, desescapar, expandir JSON anidado y reparación inteligente
- Pliega objetos y arrays; los arrays plegados muestran 5 elements y los objetos plegados 10 keys, mientras que el JSON expandido se mantiene limpio
- Muestra el JSON Path de la posición actual del cursor en la barra de estado, con copia de la ruta en un clic
- Activa los números de línea, los controles de plegado, el ajuste de línea, el resaltado de la línea activa y el modo pantalla completa según los necesites
- Procesamiento totalmente local: los payloads, tokens, configuraciones y logs no se suben a ningún servidor
Resumen
Esto es más que un embellecedor de JSON. Reúne la edición, el formateo, la reparación, el plegado, la inspección de rutas, la copia y el manejo de archivos en un mismo espacio de trabajo, más adecuado para depurar APIs, leer logs, ordenar configuraciones y revisar payloads complejos.
- 01
Formateo automático al pegar y subir
Cuando el texto pegado o el archivo subido es JSON válido, el editor lo convierte automáticamente en un formato legible de 2 espacios. El texto plano, los fragmentos parciales o el contenido temporalmente no válido se dejan intactos, para no interrumpir la edición en curso.
- 02
Validación en tiempo real con salto al error
El editor vuelve a analizar mientras escribes. Cuando es válido muestra un estado de éxito claro; cuando falla, muestra la línea y la columna, resalta el área cercana al error y te permite saltar allí haciendo clic en el estado del error.
- 03
Reparación inteligente de casi-JSON
«Intentar reparar» prueba JSON estricto, cadenas JSON escapadas, booleanos y null al estilo de Python, jsonrepair y rutas de reparación combinadas. Es útil para logs, salida de consola y fragmentos copiados de código que parecen JSON pero no son del todo válidos.
- 04
Formatear, minificar y ordenar claves
«Formatear» reescribe el JSON actual para hacerlo legible, «Minificar» lo compacta en una línea y «Ordenar claves» ordena de forma recursiva las claves de los objetos para que los diffs, las revisiones y los fixtures sean más estables. Ordenar reescribe el texto del editor, así que copia el original primero si necesitas conservar el orden original.
- 05
Escapar y desescapar cadenas JSON
«Escapar» convierte el JSON actual en una cadena JSON, útil para logs, campos de configuración o cadenas de código. «Desescapar» devuelve una cadena JSON a JSON estructurado, lo que facilita leer payloads con doble codificación.
- 06
Expandir cadenas JSON anidadas
Si el valor de un campo es en sí una cadena JSON, como un campo de log del tipo payload: "{...}", «Expandir anidados» puede convertir esas cadenas de nuevo en objetos o arrays, para que no tengas que copiar cada valor a otra herramienta a mano.
- 07
Resúmenes de plegado al estilo de un IDE
El JSON expandido se mantiene despejado, sin insignias de recuento adicionales. Al plegarse, los arrays muestran resúmenes como 5 elements y los objetos como 10 keys, lo que facilita calibrar el tamaño de cada rama de un vistazo.
- 08
Barra de estado con JSON Path
La barra de estado muestra el JSON Path de la posición del cursor, como $.data.users[0].name. Haz clic para copiar la ruta y usarla en documentación, referencias a campos, conversaciones con el backend o aserciones de pruebas.
- 09
Visualización configurable del editor
Las opciones de visualización te permiten activar los números de línea, los controles de plegado, el ajuste de línea y el resaltado de la línea activa. Los payloads grandes se pueden inspeccionar en modo pantalla completa para reducir el ruido de la interfaz alrededor.
- 10
Totalmente local, sin subidas
El análisis, el formateo, la reparación, el plegado, la copia, la lectura de archivos y la generación de descargas ocurren dentro de tu navegador. Las respuestas de producción, las configuraciones internas, los tokens y los logs no se envían a ningún servidor.
Cómo usarla
El flujo habitual es sencillo: pega o sube, comprueba el estado del análisis, repara si hace falta y luego formatea, pliega, copia o descarga.
- 01
Pega JSON, una respuesta de API, un payload de webhook, un fragmento de log o un archivo de configuración en el editor. También puedes usar «Subir archivo» para leer un archivo JSON o de texto local.
- 02
Si el contenido es JSON válido, se formatea automáticamente al pegarlo o subirlo. Si no es JSON válido, se conserva el texto original y se muestra el estado del análisis.
- 03
Si ves «Error de análisis», haz clic en el estado del error para saltar a la línea y la columna. Si la entrada procede de logs, de una consola de JS o de una salida al estilo de Python, prueba «Intentar reparar».
- 04
Usa «Formatear», «Minificar» y «Ordenar claves» para ordenar la estructura. Usa «Escapar», «Desescapar» y «Expandir anidados» para el JSON convertido en cadena o con doble codificación.
- 05
Para payloads grandes, empieza con «Contraer todo» y luego expande solo los objetos y arrays que necesites. Los resúmenes de plegado muestran el recuento de elementos y de claves.
- 06
Consulta el JSON Path en la barra de estado y haz clic para copiar la ruta del campo actual. Cambia a pantalla completa cuando necesites más espacio.
- 07
Por último, copia la versión con formato, copia la versión compacta o usa «Descargar» para guardar el JSON actual como archivo.
Detalles
Estas funciones cubren los problemas más habituales al depurar JSON: sintaxis no válida, estructuras muy anidadas, campos difíciles de localizar, datos convertidos en cadena, diffs inestables y payloads sensibles que deben quedarse en local.
- El JSON válido se formatea automáticamente al pegarlo, así que no hace falta pulsar «Formatear» primero.
- Los archivos JSON subidos se formatean automáticamente cuando es posible; si el análisis falla, se conserva el texto original para poder repararlo.
- El estado del análisis se actualiza en tiempo real, con detalles de línea y columna y navegación al error con un clic.
- El JSON con formato se puede minificar en una línea para cuerpos de petición, variables de entorno, campos de log o fixtures.
- Las claves de los objetos se pueden ordenar de forma recursiva para hacer más fáciles de comparar las respuestas de API, los archivos de configuración y los datos de prueba.
- El JSON se puede convertir en una cadena escapada, y las cadenas JSON escapadas se pueden restaurar a JSON estructurado.
- Las cadenas JSON anidadas se pueden expandir automáticamente, algo habitual en las canalizaciones de logs y las colas de mensajes.
- Los arrays plegados muestran el recuento de elementos y los objetos plegados el recuento de claves; el JSON expandido se mantiene sin insignias adicionales.
- La barra de estado inferior muestra la línea y la columna actuales, el JSON Path, el estado del análisis y el número de caracteres, para navegar mejor por estructuras grandes.
- Los números de línea, los controles de plegado, el ajuste de línea y el resaltado de la línea activa se pueden activar cuando quieras.
- Los payloads profundos se pueden inspeccionar en pantalla completa, y el contenido con formato actual se puede descargar.
Casos de uso
Usa esta página siempre que tengas JSON que necesites leer, arreglar, organizar y copiar rápido.
-
Depurar respuestas de API
Pega respuestas REST, GraphQL o RPC, formatéalas, pliega las ramas no relacionadas y comprueba si un campo falta, es null, tiene el tipo equivocado o va envuelto en una capa de más.
-
Inspeccionar webhooks y payloads de eventos
Revisa eventos de Stripe, GitHub, Slack, sistemas de pago o plataformas de analítica y encuentra rápido el tipo de evento, el id, la marca de tiempo, los campos de firma y el payload de negocio.
-
Recuperar fragmentos JSON de los logs
Pega cadenas JSON, payloads escapados o fragmentos casi-JSON de los logs y usa desescapar, expansión de anidados y reparación para devolverlos a estructuras legibles.
-
Ordenar archivos de configuración
Organiza tsconfig, package.json, configuración de ESLint, feature flags, reglas de CDN y ajustes de la aplicación. Formatear los hace más fáciles de revisar, y ordenar las claves deja los diffs más limpios.
-
Preparar cuerpos de petición
Antes de usar Postman, curl, fetch o scripts de prueba, edita aquí el cuerpo de la petición, valida la sintaxis JSON en tiempo real y copia la versión compacta o con formato.
-
Revisar llamadas a herramientas de IA y fixtures de prompt
Inspecciona los argumentos de las tool calls del modelo, el estado intermedio de un agente o los fixtures de prompt para detectar comas de más, llaves que faltan o campos escapados antes de que se rompa la automatización.
-
Afinar payloads de JWT o Base64 decodificados
Pega el JSON decodificado de JWT, Base64 u otras herramientas y sigue formateando, plegando, copiando rutas y ordenando campos.
-
Preparar fixtures de prueba y datos semilla
Convierte los datos de ejemplo exportados en JSON con indentación coherente y orden estable antes de añadirlos a fixtures, Storybook, servidores mock o documentación.
-
Respuesta a incidencias y análisis posteriores
Da formato a las respuestas de producción, al contexto del error y a los payloads de log para que sean legibles, sin subirlos a un sitio de terceros, y luego úsalos en tickets o análisis posteriores.
Ver también
Cuando el JSON se analiza correctamente, el siguiente paso suele ser la conversión de formato. Entrégaselo a Conversor de JSON para convertirlo en YAML, XML, CSV, TOML, sintaxis de objeto de JavaScript o arrays PHP, con las opciones propias de cada formato. Si los datos ya tienen estructura de tabla, continúa con Herramientas CSV para detectar delimitadores, previsualizar tablas, renombrar columnas y exportar a CSV / TSV / JSON / Markdown. Si el JSON viene envuelto en prefijos de log o texto repetido, usa Reemplazo de texto primero para quitar el texto exterior y luego vuelve aquí a validar el JSON ya limpio.Si esos campos JSON provienen del resultado de una consulta SQL, o el mismo log incluye la consulta de origen, envía el SQL a Formateador de SQL para reindentarlo y localizar los problemas de sintaxis antes de volver aquí a inspeccionar la estructura JSON.Cuando ya tienes dos versiones de un documento JSON y quieres ver exactamente qué cambió, entrégaselas a Diferencias de JSON para un diff al estilo de git, en paralelo o unificado, una lista de cambios estructurales indexada por JSON Path y resaltado a nivel de palabra para los cambios en cadenas largas.Si después de formatear quieres extraer campos por ruta, probar una expresión JSONPath o ejecutar un filtro jq, continúa con el Evaluador de JSONPath y jq .
Reglas de JSON que conviene recordar
Muchos fallos de análisis no son errores de la herramienta; simplemente la entrada no es JSON estricto. Estas diferencias aparecen a menudo en logs, salida de consola y fragmentos de configuración copiados.
-
Las claves deben usar comillas dobles
El JSON estándar exige claves como {"name": "Alice"}. {name: "Alice"} es un objeto literal de JavaScript, no JSON estricto. Corrígelo a mano o prueba «Intentar reparar».
-
Las cadenas solo admiten comillas dobles
JSON no permite cadenas con comillas simples. {"name": "Alice"} es válido; {'name': 'Alice'} no es JSON estricto. Los logs y la salida de Python o JavaScript suelen contener este estilo.
-
No se permiten comas finales
Los objetos y los arrays no pueden llevar una coma después del último elemento. Muchos formateadores de JavaScript permiten las comas finales, pero los analizadores de JSON estricto las rechazan.
-
El JSON estándar no tiene comentarios
// y /* */ pertenecen a la sintaxis de JSONC, JSON5 o JavaScript, no al JSON estándar. Algunos editores los aceptan, pero las APIs y los analizadores puede que no.
-
JSON solo tiene seis tipos de valor
Un valor JSON solo puede ser un object, array, string, number, boolean o null. undefined, las funciones, los objetos Date y NaN no son valores JSON.
-
Formatear conserva la estructura; ordenar cambia el orden del texto
Formatear y minificar solo cambian los espacios en blanco; la estructura de los datos permanece igual. Ordenar las claves cambia el orden textual de las claves de los objetos, lo cual es útil para los diffs, pero conviene evitarlo si necesitas conservar el orden original.
Buenas prácticas
Cuanto más grande y profundo es el JSON, más útil resulta una rutina de revisión constante. Estos hábitos reducen las lecturas erróneas y el trabajo repetido.
- Comprueba el estado del análisis justo después de pegar. El JSON válido se formatea solo; los análisis fallidos se pueden abrir directamente en la posición del error.
- Para el contenido copiado de logs, consolas o excepciones del backend, prueba pronto «Intentar reparar» y «Desescapar». Estas fuentes a menudo no son JSON estricto.
- Cuando un campo de cadena contiene otro documento JSON, usa «Expandir anidados» en lugar de copiar el valor a otra herramienta una y otra vez.
- Para payloads grandes, empieza con «Contraer todo» y luego expande solo las ramas que necesites por nombre de campo o JSON Path. Los resúmenes de plegado te ayudan a detectar tamaños inusuales de objetos o arrays.
- Antes de subir fixtures o revisar diffs, formatea el JSON y ordena las claves cuando proceda. Los cambios futuros se vuelven más estables y fáciles de revisar.
- Usa «Copiar compacto» para cuerpos HTTP, variables de entorno, colas de mensajes y campos de log de una línea. Usa «Copiar con formato» para documentación, tickets y análisis posteriores.
- Anonimiza los datos de producción antes de compartirlos. Esta herramienta no sube tus datos, pero lo que pegas en tickets, chats, documentos o grabaciones puede compartirse en otro sitio.
Limitaciones
Esta herramienta se centra en la sintaxis, la estructura y la visualización del JSON. No sustituye la validación de esquemas, la validación de reglas de negocio, las herramientas de diff ni las canalizaciones de transformación de datos.
- Valida la sintaxis JSON, pero no sabe si los campos cumplen tus reglas de negocio. Los campos obligatorios, los valores de enumeración, las comprobaciones de rango y las restricciones entre campos siguen siendo cosa de Zod, Ajv, OpenAPI o los validadores del backend.
- No es un editor completo de JSON5 o JSONC. «Intentar reparar» gestiona los problemas de pegado más habituales, pero no garantiza la compatibilidad con todas las funciones de sintaxis extendida.
- No es una herramienta de diff de JSON. Ordenar las claves puede hacer más estables los diffs, pero la comparación en paralelo debería seguir haciéndola una herramienta de diff dedicada.
- No cambia automáticamente el significado de negocio de los valores de los campos. Renombrar claves, convertir tipos en masa, eliminar campos y mapear estructuras se gestionan mejor con conversores, scripts o herramientas de reemplazo de texto.
- Los payloads muy grandes, de decenas de megabytes, pueden ralentizar el navegador. Considera extraer el subárbol relevante o usar herramientas de línea de comandos o de streaming para el análisis.
- Todo el procesamiento es local, pero la seguridad local sigue dependiendo de tu dispositivo, las extensiones del navegador, la pantalla compartida y adónde copias los datos después.
Preguntas frecuentes
Preguntas frecuentes sobre el formateo automático, la reparación inteligente, los resúmenes de plegado, JSON Path, la privacidad y los payloads grandes.
¿Se sube mi JSON a un servidor?
No. El análisis, el formateo, la minificación, la reparación, el plegado, la lectura de archivos, la copia y la descarga ocurren en la pestaña actual del navegador. DevKitLab no envía tu payload a ningún servidor.
¿Por qué se formatea mi JSON en cuanto lo pego?
Si el contenido pegado es JSON válido, el editor lo formatea con indentación de 2 espacios para que sea legible de inmediato. Si no es JSON válido, se conserva el texto original para no reescribir una entrada parcial o un trabajo en curso.
¿Qué hace «Intentar reparar»?
Prueba varias rutas de análisis: JSON estricto, cadenas JSON escapadas, True / False / None al estilo de Python, jsonrepair y reparación combinada. Si una funciona, el resultado se formatea y se vuelve a escribir en el editor.
¿Por qué algo que parece JSON sigue sin poder analizarse?
Las causas habituales son claves sin comillas, cadenas con comillas simples, comas finales, comentarios, corchetes incompletos o una entrada que en realidad es una cadena JSON en lugar de un objeto JSON. Prueba a repararlo o a desescaparlo.
¿Formatear y minificar cambian los datos?
No. Formatear y minificar solo cambian los espacios en blanco, la indentación y los saltos de línea. La estructura del JSON permanece igual. Ordenar las claves cambia el orden textual de las claves de los objetos, pero no sus valores.
¿Cuándo debo usar escapar o desescapar?
Usa «Escapar» cuando necesites poner JSON dentro de otro campo JSON, una cadena de log o una cadena de código. Usa «Desescapar» cuando recibas JSON convertido en cadena, como "{\"a\":1}", y quieras restaurarlo a un objeto.
¿Cuándo es útil «Expandir anidados»?
Úsalo cuando el valor de un campo es en sí una cadena JSON, como un payload de log, el cuerpo de una cola de mensajes o un parámetro anidado de un webhook. Expande de forma recursiva las cadenas de objetos y arrays en estructuras reales.
¿Qué significan elements y keys tras plegar?
Un array plegado muestra su recuento de elementos, como 5 elements. Un objeto plegado muestra su recuento de claves, como 10 keys. El JSON expandido no muestra insignias de recuento adicionales, para mantener el editor limpio.
¿Para qué sirve JSON Path?
JSON Path describe con precisión el campo de la posición actual del cursor, como $.data.users[0].email. Puedes copiarlo para tickets, documentación, notas de log, conversaciones sobre APIs o aserciones de pruebas.
¿Ordenar las claves cambia el orden original?
Sí. Reescribe el orden de las claves de los objetos en el editor. Es útil para diffs estables y configuraciones más limpias, pero copia el original primero si necesitas conservar su orden.
¿Puede procesar archivos JSON grandes?
Las respuestas de API, los webhooks, los archivos de configuración y los payloads de unos pocos megabytes habituales suelen funcionar bien. Decenas de megabytes pueden ralentizar el navegador, así que considera extraer el subárbol relevante o usar herramientas de línea de comandos.
¿Admite JSONC, JSON5 o NDJSON?
El editor valida JSON estricto. JSONC, JSON5 y NDJSON no son formatos nativos aquí. «Intentar reparar» puede gestionar algunos problemas habituales al estilo de JSON5 / JSONC; el NDJSON hay que dividirlo antes en un documento JSON por línea.
¿Hay un atajo para la pantalla completa?
Sí. Cuando el visor tiene el foco o el ratón está sobre él, pulsa F para alternar entre el modo ventana y el modo pantalla completa.
Herramientas relacionadas
Continúa tu flujo de trabajo con JSON usando las herramientas de datos: convierte a otros formatos, trabaja con tablas CSV o limpia el texto que envuelve un payload.