JSON, de lo contrario JavaScript Object Notation, data es un protocolo para la comunicación navegador/servidor y una de las principales alternativas a XML.
Sin embargo, los datos de JSON no son legibles para los desarrolladores sin un visor JSON que estructura y muestra los datos de forma clara. Como tal, Mozilla ha incorporado un visor JSON en Firefox y está habilitado por defecto en el Canal Desarrollador.
¿Cómo puedo ver 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 sólo está habilitado de forma predeterminada en Developer Edition y Nighly. Si eso no te conviene, usa algunos complementos y herramientas web útiles para Firefox.
Para más información al respecto, consulte la siguiente guía.
Cómo habilitar JSON Viewer en Firefox
Si el visor JSON de Firefox no funciona para ti, probablemente se deba a que no está habilitado. Por el momento, el visor de datos sólo está habilitado de forma predeterminada en Developer Edition y Nightly.
Así es como puede activar el visor JSON en Firefox Stable:
- Primero, introduzca about:config en la barra de direcciones de Firefox y pulse la tecla Retorno para abrir la página que se muestra en la imagen directamente debajo.
- A continuación, introduzca 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 true. Esto hace posible que el visor JSON en el navegador Firefox sea efectivo.
Complementos y herramientas web alternativas de JSON Viewer
Sin embargo, no es necesario activar el visor JSON en Firefox. Si el visor JSON de Firefox no funciona, siempre puedes probar complementos y herramientas web alternativas.
Por ejemplo, puede añadir JSONView a Firefox pulsando el botón +Añadir a Firefox en esta página . Cuando haya añadido 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 se habilite el complemento en Firefox.
El JSON-DataView es un mejor complemento con el que puede personalizar la visualización de datos. Encuéntrelo en esta página y añada esta extensión a su navegador.
A continuación, abra de nuevo esta página para comprobar 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.
El 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 .
Después, pulse el botón Options 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 los datos de JSON. Haga clic en la ficha Pantallas para personalizar la fuente de texto.
También hay herramientas web del visor JSON en las que puede copiar y pegar datos. Primero, puede copiar y pegar datos en esta pestaña JSON viewers Text. Intente copiar y pegar los datos JSON de abajo con las teclas de acceso directo Ctrl + C y Ctrl + V .
«Hola»: «chico», «número»: 243, «objeto»: {«whoa»: «nueces», «anarray»: 1,2, «thr
ee»], «more»: «stuff»}, «awesome»: true, «bogus»: false, «meaning»: null, «japanese»:»
明日がある。», «link»: «http://jsonview.com», «notLink»: «http://jsonview.com es genial»}
Cuando lo haya copiado en la pestaña Texto, pulse el botón Formato en la barra de herramientas del visor JSON. Esto mostrará los datos como se muestra en la imagen de abajo, que es mucho más clara.
Puede cargar otros datos pulsando el botón Cargar datos JSON e introduciendo una URL. La ficha Visualizador muestra variables de datos con estructuras de árbol que puede desglosar u ocultar pulsando los botones + y -.
El JSON Editor Online es otra herramienta web en la que puede mostrar datos de HDD o URL. para abrir la herramienta web y, a continuación, copie y pegue los datos de ejemplo anteriores en el editor de código.
Pulse el botón de flecha a la derecha para copiar el código en el editor de árbol y, a continuación, haga clic en el botón de flecha a la izquierda para visualizar los datos JSON como se muestra a continuación. Allí, puede tratar los datos y grabar cualquier modificación realizada.
La página también incluye una práctica herramienta de búsqueda de campos y valores.
Si necesitas un visor JSON, el visor Firefox incorporado no hace todo lo que necesitas. Como tal, los complementos y herramientas web de JSON son una gran alternativa para los desarrolladores que necesitan abrir y editar datos de JSON.
Espero que haya sido de ayuda y que ahora conozca los diferentes complementos de JSON y las herramientas web que puede utilizar. Si tiene más preguntas, no dude en ponerse en contacto con la sección de comentarios a continuación.
Artículos relacionados
Herramienta
Descargar Microsoft Surface Diagnostic Toolkit para reparar su dispositivo
Edición
5 mejores programas para la edición de fotos en bruto de Nikon en Windows 10
Firefox
FIX: Vimeo no juega en Firefox, Chrome e Internet Explorer
Desarrollador de software
Descargar el kit de desarrollo de software de Windows Phone 8 desde Microsoft
Nota del editor: Este post fue publicado originalmente en abril de 2017 y desde entonces ha sido completamente renovado y actualizado para mayor frescura, precisión y exhaustividad.