Formatea, valida, explora y compara JSON en tu navegador. Errores de sintaxis precisos, vista de árbol, orden de claves, búsqueda y una comparación semántica que ignora el formato.
Tab sangra la línea actual o la selección. Pulsa Escape antes si prefieres que Tab pase al siguiente control.
La validación se ejecuta mientras escribes. En cuanto el documento se analiza obtienes estadísticas, una vista de árbol con rutas copiables y las acciones de formatear, minificar y ordenar. No se envía nada a ningún sitio.
Las estadísticas aparecen en cuanto el documento se analiza.
El árbol aparece en cuanto el documento se analiza.
Formatear vuelve a sangrar un documento sin tocar lo que contiene: el analizador lo lee y el serializador escribe los mismos valores con dos espacios, cuatro espacios o tabulaciones. Minificar es la misma operación sin los espacios en blanco, que es lo que necesitas antes de meter una carga en una cabecera, una cadena de consulta o un fixture. Valores, escapes y Unicode vuelven exactamente como entraron.
Un validador que solo dice «no válido» no te ha dicho nada. Este indica la línea, la columna y el desplazamiento de carácter, nombra la causa - una coma final, una clave entre comillas simples, dos puntos que faltan, un comentario - e imprime las líneas de alrededor con un acento circunflejo bajo el fallo. También informa de dos cosas que un analizador esconde: las claves duplicadas, que JSON.parse reduce en silencio a la última, y los enteros grandes que pierden precisión en cuanto JavaScript los lee.
La comparación es de datos, no de texto. Dos documentos que solo se diferencian en la sangría, en los finales de línea o en el orden en que se escribieron sus claves se informan como el mismo documento. Los arrays se comparan como secuencias, porque su orden forma parte de los datos: un elemento insertado se informa como una inserción y no como un cambio de todo lo que viene después. Cada diferencia se muestra como añadida, eliminada, modificada o con el tipo cambiado, con un símbolo y una palabra además del color.
La vista de árbol abre un documento nivel a nivel, para que un archivo grande no se convierta en una página grande. Cada fila lleva la ruta que llega hasta ella - users[4].email, profile.address.city - y un botón de copia para la ruta y para el valor, que suele ser lo que de verdad necesitabas del archivo.
El documento que pegas, el archivo que sueltas, los valores analizados, las estadísticas y la comparación nunca salen de esta pestaña. Detrás de esta herramienta no hay ninguna llamada a una API, en el almacenamiento no se escribe nada salvo tu preferencia de sangría, y en la barra de direcciones no va nada. Aquí importa más que en la mayoría de herramientas: las respuestas de API de producción y los archivos de configuración suelen llevar credenciales, datos de clientes o nombres de host internos.
Leer una respuesta de API que llegó en una sola línea. Comprobar una carga de webhook frente a lo que espera tu manejador. Encontrar qué cambió entre dos versiones de un archivo de configuración. Convertir una respuesta de ejemplo en una interfaz TypeScript. Confirmar que una línea de registro es JSON válido antes de culpar al analizador.
Formatear y minificar pasan por el propio analizador y serializador JSON del navegador, así que los valores, los escapes y el Unicode se conservan exactamente. La validación la hace el escáner propio de esta herramienta, y por eso puede indicar una línea y una columna que el mensaje del navegador no da, y avisar de claves duplicadas y de enteros que pierden precisión. Los documentos se limitan a 5 MiB, el resaltado de sintaxis se apaga por encima de 300 KiB para que un archivo grande siga siendo escribible, y la comparación detallada se detiene antes en árboles muy grandes. No valida contra un JSON Schema y no repara documentos rotos.
No. Formatear, validar, comparar, las estadísticas y el árbol se ejecutan todos en tu navegador. Esta herramienta no hace ninguna llamada a una API, y nada de lo que pegues o sueltes se guarda en el almacenamiento ni se pone en la barra de direcciones. Lo único que se conserva entre visitas es la sangría que elegiste.
Porque compara datos y no texto. La sangría, los finales de línea y el orden en que se escribieron las claves no significan nada en JSON, así que no se informan como diferencias. El orden de un array sí significa algo y se compara como una secuencia, de modo que una lista reordenada es una diferencia real.
El escáner las encuentra y te avisa, pero nada puede recuperarlas: JSON.parse conserva solo el último valor de una clave repetida, y cualquier otro analizador JSON que vayas a usar hace lo mismo. El aviso indica qué clave y qué línea, para que corrijas el origen.
Hasta 5 MiB. A partir de unos 300 KiB los colores de sintaxis se apagan para que escribir siga siendo fluido, y en documentos muy grandes la comparación detallada se detiene antes y lo dice. Las estadísticas y la validación funcionan en todo el rango.
MCP, Model Context Protocol: qué es y cómo funciona en la práctica
MCP, REST API, Function Calling and Agent Tools compared
Model Context Protocol, o MCP, es un estándar abierto para conectar aplicaciones de IA con herramientas y fuentes de datos. En lugar de construir una integración distinta para cada modelo y servicio, un servidor MCP describe sus capacidades de forma estandarizada para que los clientes compatibles puedan descubrirlas e invocarlas. En 2026 MCP es mucho más maduro que en su lanzamiento: la especificación actual incorpora un núcleo HTTP sin estado, extensiones formales, reglas de autorización reforzadas y mecanismos para trabajos de larga duración.
Axios se convirtió en el cliente HTTP por defecto para muchos equipos de JavaScript porque ofrecía una API limpia antes de que Fetch se volviera la primitiva estándar del navegador. Hoy, muchos equipos pueden usar Fetch nativo directamente o elegir Ky, un pequeño wrapper que añade comodidad sin el peso completo de Axios. La elección correcta depende de si realmente necesitas funciones específicas de Axios como los interceptores y los wrappers existentes, o de si una capa de peticiones más ligera y moderna encaja mejor con tu app.
TypeScript vs JavaScript: ¿cuál deberías usar para el frontend?
TypeScript and JavaScript compared
JavaScript es el lenguaje de la web, y TypeScript es JavaScript con un sistema de tipos que ayuda a los equipos a detectar errores antes y mantener bases de código más grandes con más confianza. Para scripts pequeños y prototipos rápidos, el JavaScript simple puede bastar. Para aplicaciones frontend serias, TypeScript a menudo se amortiza mediante mejores herramientas, refactorizaciones más seguras y contratos más claros entre módulos. La elección correcta depende del tamaño del proyecto, la experiencia del equipo y cuánto tiempo necesita vivir el código.
Creamos software y soluciones a medida adaptadas a tus necesidades.