7 herramientas para editar archivos JSON dentro de Google Chrome

El formato JSON se deriva de Javascript y se utiliza a menudo para transmitir datos entre un servidor y una aplicación web. Es una alternativa a XML que permite a un programador incursionar utilizando cualquier cantidad de herramientas. Pero, ¿qué sucede si desea utilizar su navegador para trabajar con sus archivos JSON? Existen varias aplicaciones web y extensiones para Google Chrome destinadas a ayudar a los programadores a editar archivos JSON.

1. Editor JSON en línea

Disponible como: Aplicación web

JSON Editor Online es una herramienta para ver, editar y formatear JSON. Esta aplicación de Chrome abre un editor de texto dentro de su navegador, lo que le permite editar código sin tener que cambiar a otra aplicación. La aplicación muestra dos cuadros de texto uno al lado del otro. El campo de la izquierda muestra el código tal cual, mientras que el campo de la derecha muestra el texto en un formato más legible.

La aplicación puede abrir tanto archivos locales como URL. Su código fuente también está disponible para quienes quieran saber cómo se hizo. Puede abrir archivos de hasta 512 MB, lo que puede no parecer mucho a primera vista, pero puede contener una gran cantidad de datos. Para archivos realmente grandes, es posible que desees consultar estas herramientas para verlos rápidamente y sin demoras .

JSON Editor es más que un simple editor. Es un formateador, analizador e incluso un asistente de reparación. Definitivamente merece un lugar en el conjunto de herramientas de todo desarrollador de software.

2. Formateador JSON

Disponible como: extensión de Chrome

La extensión JSON Formatter Chrome es una herramienta de código abierto que también facilita la lectura del código JSON. Ofrece soporte para formatos JSON y JSONP y ofrece resaltado de sintaxis, árboles plegables, guías de sangría y URL en las que se puede hacer clic. Funciona en cualquier página JSON válida y también en archivos locales.

Esta extensión también funciona con archivos JSON servidos a través de Internet. Sin embargo, a veces entra en conflicto con el estilo del sitio HTML cuando los datos JSON se entregan sin formato sobre la parte HTML. Esto suele ocurrir en la página de ejemplo del sitio web oficial de JSON , en la que el color de fondo desaparece.

Pero como se trata de una extensión, puedes desactivarla fácilmente o desactivarla para que no funcione en páginas de incógnito. Además, es de código abierto, por lo que puedes modificar el código fuente para que haga aún más cosas.

3. Vista JSON

Disponible como: extensión de Chrome

JSONView para Google Chrome se originó como un complemento de Firefox . Está completo con opciones de menú contextual para copiar una ruta o valor JSON. También hay un editor de estilo incorporado para personalizar el tema.

Como extensión creada por otro desarrollador, JSONVue amplía la capacidad de JSONView para validar documentos JSON utilizando JSONLint .

JSONView también aplica algunas impresiones bonitas a sus archivos JSON. Esto agrega una impresión en negrita en las claves JSON para que sean más fáciles de leer frente a los corchetes y los dos puntos que no están en negrita.

4. Embellecedor y editor JSON

Disponible como: extensión de Chrome

JSON Beautifier & Editor convierte su navegador Chrome en una herramienta JSON para editar, procesar y analizar datos. Le permite cambiar claves y valores, así como guardar sus cambios en un archivo de salida JSON descargable.

Quizás la característica más importante que tiene JSON Beautifier & Editor es la capacidad de agregar y eliminar espacios en blanco para sus archivos JSON. También tiene una forma de ordenar tus objetos en caso de que cambies un par de cosas mientras codificas.

Con todo, esta extensión amplía lo que pueden hacer las extensiones JSON Chrome normales, convirtiendo su navegador web en un editor de texto sin conexión para archivos JSON.

5. Editor JSON de embellecimiento de código

Disponible como: Aplicación web

Code Beautify JSON Editor es solo una de las muchas otras herramientas disponibles en el conjunto de aplicaciones de embellecimiento de código de Code Beautify. Centrándose en el Editor JSON, encontrará otras formas de ver archivos JSON desde su navegador web.

La aplicación tiene una vista de código, que en su mayoría es solo una vista de texto embellecida, excepto que es independiente de la vista de Texto cuando se visualiza JSON compacto. Mientras tanto, la vista Formulario le muestra el tamaño de cada matriz dentro de cada línea contraída. Para los objetos, muestra cuántas llaves se encuentran dentro de ellos.

Otra cosa que hace que esta extensión sea útil es que muestra el tamaño de los archivos JSON originales y editados. Si está trabajando en un proyecto que es muy particular con el tamaño de los archivos, esta podría ser la herramienta adecuada para el trabajo.

6. Editor JSON en línea de Tutorials Point

Disponible como: Aplicación web

El editor JSON en línea de Tutorials Point es una excelente herramienta de edición JSON que también es agradable a la vista. Le permite alternar elementos visuales, lo que puede ayudarlo a visualizar espacios en blanco en código JSON profundamente anidado. Además, tiene temas cambiables.

Quizás el principal atractivo de este editor es que también ofrece acceso a una biblioteca de tutoriales. Esto lo convierte en una herramienta útil para las personas que intentan aprender nuevos lenguajes de programación , mientras dependen principalmente de recursos en línea.

Al igual que todas las demás herramientas de edición de JSON en línea, este editor le permite descargar su JSON editado a través de su navegador. De esa manera, puedes usar esto para hacer casi cualquier cosa que necesites hacer con cualquier código JSON.

7. Editor JSON de Dan’s Tools

Disponible como: Aplicación web

JSON Editor de Dan’s Tools es un editor JSON en línea gratuito que presenta una apariencia limpia y minimalista. Lo que le falta en funciones, lo compensa con una carga rápida tan pronto como ingresa su URL.

Es lo suficientemente bueno si necesitas algo que puedas usar rápidamente para editar. Sin embargo, la función «Cargar archivo» a veces aparece en la parte inferior de la pantalla en algunos navegadores cuando se usan extensiones de bloqueo de anuncios, lo que puede resultar inconveniente.

El desarrollador de esta aplicación, Clean CSS (también conocido como Dan’s Tools) también tiene otras herramientas para convertir JSON a otros formatos, como CSV, XML, TSV e incluso HTML.

Acceda cómodamente a archivos JSON

Todas las imágenes y capturas de pantalla de Terenz Jomar Dela Cruz.