JSON Byte
(json-byte.pages.dev)Es una herramienta de visualización de JSON. Hay muchas buenas herramientas de visualización de JSON. Incluso se han presentado varias veces en GeekNews. Yo también las he usado de forma muy útil.
Sin embargo, como siempre, había algunos puntos que me parecían mejorables, así que decidí crear una yo mismo. Las funciones básicas son las siguientes.
- Visualización de datos JSON en forma de grafo
- Al editar usando el editor, los cambios se reflejan en la visualización
- Función de búsqueda de nodos
- Diferenciación de colores por tipo
Las partes que me resultaban incómodas eran las siguientes.
- Quiero compartir la pantalla que estoy viendo
- Sería bueno que admitiera YML
- Sería bueno que también se viera bien en móviles
Tiene estas diferencias. Planeo ir agregando funciones poco a poco según sea necesario. Si tienen comentarios o hay alguien que quiera contribuir, será bienvenido.
Gracias.
26 comentarios
Creo que sería aún mejor si se pudiera resaltar o filtrar solo los nodos que quieres encontrar con JSONPath.
También me gustaría sugerir si no estaría bien tener una función para moverlo arrastrando desde el minimapa... jaja, en JSON grandes no es nada fácil encontrar el nodo que buscas :(
Como el tamaño se volvió grande, parece que renderizarlo cuesta bastante jaja TT Usamos alrededor de 500 mil bytes.
Parece que, como
xyflowestá basado en el DOM, el rendimiento baja un poco cuando hay muchos nodos. Uno de mis objetivos también es intentar mejorar ese rendimiento. Gracias.Creo que también podría ser una solución hacer que se renderice en estado colapsado por defecto. Al final, de todos modos, lo que quiero ver es solo una parte muy pequeña.
Oh, qué limpio se ve. Lo voy a usar de vez en cuando.
Gracias por los comentarios.
Está muy limpio y se ve muy bonito.
Eso sí, cuando cambias al tema oscuro, parece que solo la ventana de código no se actualiza.
La ventana de código se administra con un tema independiente. Puedes cambiar el tema usando la configuración junto a Export. Al principio pensé en vincularlo, pero quise dejarlo como una opción más amplia, así que lo trabajé por separado.
Esto era justo lo que necesitaba, está buenísimo.
¡Estaría genial que hubiera una función para agrupar y mostrar listas largas!
Gracias. Excluimos por ahora una función para agruparlo, como
show/less, en la versión actual porque hay un problema al renderizar los nodos hijos. Voy a pensar un poco más si hay una buena manera de hacerlo.¡Qué bien!
Gracias.
No sé si será porque es Safari, pero en el iPad no se ve correctamente.
Me tranquilicé porque en mi iPhone se veía bien, pero parece que en los iPad es diferente otra vez. Lo revisaré cuando tenga tiempo. Gracias.
¡Parece bueno!
Gracias por tus comentarios 👍
Esto está buenísimo. Inicié sesión para dejar un comentario. Jajaja
Gracias por tus comentarios 👍
Oh, está bien.
Gracias por tus comentarios 👍
Creo que sería mejor si los cambios hechos en la visualización también se aplicaran en el editor.
Es una buena idea. Pensaré en cómo aplicarla.
Estaría bien poder trabajar con varios archivos JSON, mostrándolos con pestañas u opciones similares para ir cambiando entre ellos.
Intenté dar soporte a las pestañas, pero parecía que se volvía más complejo al exportar/importar, así que lo dejé fuera de la primera versión. Voy a intentar agregarlo pronto.
Está bueno, pero estaría bien que esto tuviera soporte para extensión de Chrome + lectura del sistema de archivos.
Aunque, personalmente, al final JSON se ve mejor simplemente en un editor ^_T
Se pueden subir archivos usando importación. Voy a considerar la extensión de Chrome. ¡Gracias!