JSON Formatter & Viewer

Formatear, validar, ver y comparar JSON, inspector WebSocket. Árbol, búsqueda, archivos de hasta 10 MB. Sin anuncios ni rastreo.

JSON Formatter & Viewer — una herramienta rápida y ligera para desarrolladores: formatear, validar, explorar, transformar y comparar datos JSON. Maneja archivos JSON de hasta ~10 MB. — Formatear — ✅ Formatear y embellecer JSON con la indentación correcta ✅ Minificar JSON en una sola línea ✅ Ordenar las claves de los objetos alfabéticamente (recursivo) ✅ Validar la sintaxis en tiempo real con mensajes de error claros ✅ Formato automático al pegar o soltar un archivo — Explorar — ✅ Vista de árbol interactiva para expandir y contraer ✅ Expandir hasta cualquier nivel de profundidad (1–10) con un clic ✅ Búsqueda con resaltado en vivo, contador de coincidencias y distinción de mayúsculas ✅ Copiar cualquier valor o ruta desde el árbol — Deshacer e historial — ✅ Deshacer el último formateo, ordenación de claves o formato automático con un clic ✅ Revisar estados recientes y volver a cualquiera de ellos (hasta 30 entradas, 5 MB) ✅ El historial se conserva entre sesiones — Comparar — ✅ Comparación de dos JSON lado a lado ✅ Comparación en árbol con filtros: añadido / eliminado / modificado ✅ Ocultar las claves sin cambios para centrarse en las diferencias — Importar y exportar — ✅ Pegar desde el portapapeles o arrastrar y soltar archivos (hasta ~10 MB) ✅ Cargar JSON desde una URL ✅ Leer JSON en vivo directamente del WebSocket de una página (ver abajo) ✅ Descargar como archivo .json ✅ Cargar un JSON de ejemplo para probarlo al instante — JSON en vivo por WebSocket — ¿Depuras una aplicación que se comunica por WebSocket? En lugar de copiar los mensajes a mano desde DevTools, la pestaña WebSocket muestra cada mensaje en la misma vista de árbol que ya usas: los mensajes a la izquierda, el JSON formateado a la derecha. ✅ Mensajes entrantes y salientes, los más recientes primero, con hora y tamaño ✅ Haz clic en un mensaje para explorarlo en el árbol, a cualquier profundidad ✅ Los frames binarios se decodifican y se marcan ✅ Filtrar por dirección o por socket cuando una página abre más de uno ✅ Agrupar los frames keepalive repetidos en una sola fila con contador ✅ Ver los eventos de apertura, cierre y error de la conexión, para detectar un socket caído ✅ Comparar dos frames cualesquiera lado a lado en la vista diff ✅ Copiar un frame o enviarlo al editor para usar todas las herramientas ✅ Exportar los frames visibles como archivo JSON ✅ Funciona también con tu servidor de desarrollo local en localhost Cómo usarlo: abre la página que estás depurando → haz clic en el icono de la extensión → pestaña WebSocket → «Allow on this site» → recarga la página. La captura debe iniciarse junto con la página, por eso la recarga es necesaria. — Panel lateral — Fija el formateador en el panel lateral de Chrome: permanece abierto mientras navegas, sin tener que reabrir el popup después de cada clic. ✅ Un clic en Pin ancla la aplicación a la derecha del navegador ✅ Sigue funcionando mientras interactúas con la página — ideal para el tráfico WebSocket en vivo ✅ Mientras está fijado, el icono de la extensión abre el panel lateral, incluso tras reiniciar el navegador ✅ Unpin en cualquier momento para volver al popup compacto — Compartir — ✅ Enlace para compartir con un clic (los datos viven en la URL y nunca llegan a ningún servidor) — Experiencia — ✅ Tema oscuro y claro, la preferencia se recuerda ✅ El estado del editor y del árbol se conserva entre sesiones ✅ Sin anuncios, sin rastreo, sin recopilación de datos — todo se ejecuta en tu navegador — Permisos y privacidad — La extensión solo pide acceso a un sitio web cuando pulsas «Allow on this site» en la pestaña WebSocket, y solo para ese sitio. No se solicita nada al instalar, y ningún sitio se observa hasta que lo apruebas. Los mensajes WebSocket solo se leen — nada en la página se modifica, bloquea ni inyecta. Los mensajes capturados permanecen en la memoria de esa pestaña (máximo 500) y desaparecen al cerrarla o recargarla. Nunca se suben a ningún lugar: la extensión no tiene backend ni analítica. Puedes revocar un sitio en cualquier momento: chrome://extensions → JSON Formatter & Viewer → Site access. Política de privacidad completa: https://json.fedrr.com/privacy.html Simplemente haz clic en el icono de la extensión, pega tu JSON y formatéalo al instante. También disponible como aplicación web: https://json.fedrr.com