JSON, de lo contrario, JavaScript Object Notation, los datos son un protocolo para la comunicación del navegador / servidor y una de las principales alternativas a XML.

Sin embargo, los desarrolladores no pueden leer los datos JSON sin un visor JSON que estructura y muestra los datos de manera clara. Como tal, Mozilla ha incorporado un visor JSON en Firefox y está habilitado de forma predeterminada en el Canal de desarrollador.

¿Cómo veo JSON en Firefox? La forma más rápida de ver y editar datos JSON en Firefox es a través de su visor JSON integrado. El visor de datos está habilitado de forma predeterminada solo en Developer Edition y Nighly. Si eso no le conviene, use algunos complementos útiles y herramientas web para Firefox.

Para obtener más información al respecto, consulte la guía a continuación.

Cómo habilitar JSON Viewer en Firefox

Si el visor JSON de Firefox no funciona para usted, probablemente sea porque no está habilitado. Por el momento, el visor de datos solo está habilitado de forma predeterminada en Developer Edition y Nightly.

Así es como puede habilitar el visor JSON en Firefox Stable:

• Primero, ingrese ' about: config ' en la barra de direcciones de Firefox y presione la tecla Retorno para abrir la página que se muestra en la instantánea directamente debajo.

• Luego, ingrese ' devtools.jsonview.enabled ' en la barra de búsqueda en la parte superior de la página about: config.
• Ahora puede hacer doble clic en devtools.jsonview.enabled para cambiar su valor a verdadero. Eso efectivamente habilita el visor JSON en el navegador Firefox.

Complementos y herramientas web alternativas de JSON Viewer

Sin embargo, realmente no necesita habilitar el visor JSON en Firefox. Si el visor Firefox JSON no funciona, siempre puedes probar complementos y herramientas web alternativas.

Por ejemplo, puede agregar JSONView a Firefox presionando el botón + Agregar a Firefox en esta página. Cuando haya agregado ese complemento al navegador, abra esta página para ver un ejemplo de algunos datos JSON formateados.

Las siguientes imágenes muestran los datos JSON antes y después de que el complemento esté habilitado en Firefox.

JSON-DataView es un complemento mejor con el que puede personalizar la visualización de datos. Encuéntrelo en esta página y agregue esta extensión a su navegador.

Luego, abra esta página nuevamente para ver cómo formatea y muestra los datos JSON. Los datos ahora incluyen botones + y - para expandir y contraer nodos de árbol, resaltado de sintaxis e hipervínculos.

JSON-DataView también incluye opciones de personalización que puede seleccionar haciendo clic en el botón Abrir menú en la parte superior derecha del navegador y Complementos.

Luego, presione el botón Opciones al lado de JSON-DataView para abrir la ventana que se muestra a continuación. Allí puede hacer clic en el menú desplegable Tema para modificar los colores de datos JSON. Haga clic en la pestaña Pantallas para personalizar la fuente del texto.

También hay herramientas web del visor JSON en las que puede copiar y pegar datos. Primero, puede copiar y pegar datos en la pestaña Texto de este visor JSON. Intente copiar y pegar los datos JSON a continuación con las teclas de acceso rápido Ctrl + C y Ctrl + V.

{"Hey": "guy", "anumber": 243, "anobject": {"whoa": "nuts", "anarray":, "more": "stuff"}, "awesome": true, "bogus ": Falso", que significa ": nulo, " japonés ":"

明日 が あ る。 ”, “ enlace ”:“ http://jsonview.com ”, “ notLink ”:“ http://jsonview.com es genial ”}

Cuando haya copiado eso en la pestaña Texto, presione el botón Formato en la barra de herramientas del visor JSON. Eso mostrará los datos como se muestra en la siguiente imagen, que es mucho más clara.

Puede cargar otros datos presionando el botón Cargar datos JSON e ingresando una URL. La pestaña Visor muestra variables de datos con estructuras de árbol que puede expandir o contraer presionando los botones + y -.

JSON Editor Online es otra herramienta web en la que puede mostrar datos desde HDD o URL. Haga clic aquí para abrir la herramienta web y luego copie y pegue los datos de muestra anteriores en el editor de código.

Presione el botón de flecha derecha para copiar el código en el editor de árbol y luego haga clic en el botón de flecha izquierda para mostrar los datos JSON como se muestra a continuación. Allí, puede editar los datos y guardar los cambios realizados.

La página también incluye una útil herramienta de búsqueda de campos y valores.

Si necesita un visor JSON, el visor integrado de Firefox no hace todo lo que necesita. Como tal, los complementos JSON y las herramientas web son excelentes alternativas para los desarrolladores que necesitan abrir y editar datos JSON.

Espero que esto haya sido útil y ahora conozca los diferentes complementos JSON y herramientas web que puede usar. Si tiene más preguntas, no dude en comunicarse con la sección de comentarios a continuación.

Nota del editor: esta publicación se publicó originalmente en abril de 2017 y desde entonces se ha renovado y actualizado por completo para ofrecer frescura, precisión y exhaustividad.