JSON, en cas contrari Nota d'objecte JavaScript, les dades són un protocol per a la comunicació del navegador / servidor i una de les alternatives principals a XML.

Tanmateix, els desenvolupadors no poden llegir les dades de JSON sense un visor JSON que estructuri i mostri les dades d'una manera clara. Com a tal, Mozilla ha incorporat un visor JSON al Firefox i està activat per defecte al canal de desenvolupadors.

Com puc veure JSON al Firefox? La manera més ràpida de veure i editar les dades de JSON al Firefox és mitjançant el seu visor JSON integrat. El visualitzador de dades està activat de manera predeterminada només a l'edició de desenvolupadors i Nighly. Si això no us convé, utilitzeu alguns complements útils i eines web per a Firefox.

Per obtenir més informació sobre això, consulteu la guia següent.

Com habilitar JSON Viewer al Firefox

Si el visualitzador JSON del Firefox no funciona per a vosaltres, probablement és perquè no està activat. De moment, el visualitzador de dades només està habilitat de manera predeterminada a l’edició de desenvolupadors i a Nightly.

Així es pot activar el visualitzador de JSON a Firefox Stable:

• Primer, introduïu " about: config " a la barra d'adreces del Firefox i premeu la tecla Return per obrir la pàgina que apareix a la instantània directament a sota.

• A continuació, introduïu " devtools.jsonview.enabled " a la barra de cerca a la part superior de la pàgina about: config.
• Ara podeu fer doble clic en devtools.jsonview.enabled per canviar el seu valor a true. Això permet efectivament el visor JSON al navegador Firefox.

Complements i eines web alternatives de JSON Viewer

Tanmateix, realment no heu d’habilitar el visualitzador de JSON al Firefox. Si el visualitzador de Firefox JSON no funciona, sempre podeu provar complements i eines web alternatives.

Per exemple, podeu afegir JSONView al Firefox prement el botó + Afegeix al Firefox d'aquesta pàgina. Quan heu afegit aquest complement al navegador, obriu aquesta pàgina per veure un exemple d’algunes dades de JSON formatades.

Els plans que es mostren a continuació us mostren les dades de JSON abans i després que el complement estigui activat al Firefox.

JSON-DataView és un millor complement amb el qual podeu personalitzar la visualització de dades. Cerqueu-lo en aquesta pàgina i afegiu aquesta extensió al vostre navegador.

A continuació, obriu de nou aquesta pàgina per comprovar com es formata i mostra les dades de JSON. Les dades inclouen ara els botons + i - per ampliar i col·lapsar nodes d'arbre, ressaltar sintaxi i hiperenllaços.

JSON-DataView també inclou opcions de personalització que podeu seleccionar fent clic al botó Obre el menú a la part superior dreta del navegador i complements.

Després, premeu el botó Opcions situat al costat de JSON-DataView per obrir la finestra que es mostra a continuació. Aquí podeu fer clic al menú desplegable Tema per modificar els colors de les dades JSON. Feu clic a la pestanya Visualitzacions per personalitzar el tipus de text.

També hi ha eines web del visualitzador de JSON. Podeu copiar i enganxar dades. Primer, podeu copiar i enganxar dades a la pestanya Text del visualitzador de JSON. Proveu de copiar i enganxar les dades de JSON a continuació amb les tecles de control Ctrl + C i Ctrl + V.

{"Hey": "tipus", "certainber": 243, "anobject": {"whoa": "nuts", "anarray":, "més": "coses"}, "impressionant": cert, "fals ": Fals, " que significa ": nul, " japonès ":"

明日 が あ る。 ", " link ":" http://jsonview.com ", " notLink ":" http://jsonview.com is great "}

Quan hàgiu copiat això a la pestanya Text, premeu el botó Format a la barra d’eines del visualitzador JSON. A continuació, es mostraran les dades tal com es mostra a la foto següent, que és molt més clara.

Podeu carregar altres dades prement el botó Carrega dades JSON i introduint un URL. La pestanya Visualitzador mostra variables de dades amb estructures d’arbre que podeu ampliar o ensorrar prement els botons + i -.

L’editor JSON Online és una altra eina web on podeu mostrar les dades des d’HDD o URL. Feu clic aquí per obrir l'eina web i, a continuació, copieu i enganxeu les dades de mostra anteriors a l'editor de codi.

Premeu el botó de fletxa dreta per copiar el codi a l’editor d’arbre i, a continuació, feu clic al botó de fletxa esquerre per mostrar les dades de JSON com es mostra a continuació. Allà, podeu editar les dades i desar tots els canvis realitzats.

La pàgina també inclou una eina útil de cerca de camps i valors.

Si necessiteu un visor JSON, el visor integrat de Firefox no fa tot el que necessiteu. Com a tal, els complements i eines web JSON són una gran alternativa per als desenvolupadors que necessiten obrir i editar dades JSON.

Espero que us sigui útil i que ara tingueu coneixement dels diferents complements i eines web de JSON que podeu utilitzar. Si teniu més preguntes, no dubteu en consultar la secció de comentaris que hi ha a continuació.

Nota de l’editor: Aquesta publicació es va publicar originalment l’abril del 2017 i des de llavors s’ha actualitzat i actualitzat completament per tenir frescor, precisió i amplitud.