JSON, annars JavaScript Object Notation, data är ett protokoll för webbläsare / serverkommunikation och ett av de primära alternativen till XML.

JSON-data kan emellertid inte läsas av utvecklare utan en JSON-visare som strukturerar och visar data på ett tydligt sätt. Som sådan har Mozilla införlivat en JSON-visning i Firefox och är som standard aktiverad i Developer Channel.

Hur visar jag JSON i Firefox? Det snabbaste sättet att visa och redigera JSON-data i Firefox är genom den integrerade JSON-visaren. Datavisaren aktiveras som standard bara i Developer Edition och Nighly. Om det inte passar dig, använd några användbara tillägg och webbverktyg för Firefox.

Mer information om detta finns i guiden nedan.

Hur man aktiverar JSON Viewer i Firefox

Om Firefox's JSON-visare inte fungerar för dig beror det antagligen på att det inte är aktiverat. För tillfället är datavisaren endast aktiverad som standard i Developer Edition och Nightly.

Så här kan du aktivera JSON-visare i Firefox Stable:

• Först anger du ' about: config ' i Firefox's adressfält och trycker på Retur för att öppna sidan som visas i ögonblicksbilden direkt nedan.

• Därefter matar du in ' devtools.jsonview.enabled ' i sökfältet högst upp på sidan om: config.
• Nu kan du dubbelklicka på devtools.jsonview.enabled för att växla värdet till true. Det gör det möjligt för JSON-visaren i Firefox-webbläsaren.

Alternativa JSON Viewer-tillägg och webbverktyg

Du behöver dock inte verkligen aktivera JSON-visaren i Firefox. Om Firefox JSON-visaren inte fungerar kan du alltid prova alternativa tillägg och webbverktyg istället.

Du kan till exempel lägga till JSONView till Firefox genom att trycka på knappen + Lägg till Firefox på den här sidan. När du har lagt till det tillägget i webbläsaren öppnar du den här sidan för att se ett exempel på vissa formaterade JSON-data.

Bilderna nedan visar JSON-data före och efter att tillägget är aktiverat i Firefox.

JSON-DataView är ett bättre tillägg med vilket du kan anpassa datavisningen. Hitta det på den här sidan och lägg till tillägget till din webbläsare.

Öppna sedan den här sidan igen för att kolla hur den formateras och visar JSON-data. Data innehåller nu + och - knappar för att expandera och kollapsa trädnoder, syntaxmarkering och hyperlänkar.

JSON-DataView innehåller också anpassningsalternativ som du kan välja genom att klicka på Öppna-menyknappen längst upp till höger i webbläsaren och tillägg.

Tryck sedan på Alternativknappen bredvid JSON-DataView för att öppna fönstret nedan. Där kan du klicka på rullgardinsmenyn Tema för att ändra JSON-datafärger. Klicka på fliken Skärmar för att anpassa textstilsorten.

Det finns också JSON-visningswebverktyg som du kan kopiera och klistra in data i. Först kan du kopiera och klistra in data i den här JSON-visarens textflik. Försök kopiera och klistra in JSON-data nedan med Ctrl + C och Ctrl + V- snabbtangenterna.

{"Hey": "kille", "anummer": 243, "anobject": {"whoa": "nötter", "anarray":, "mer": "grejer"}, "fantastisk": sant, "falskt ”: Falskt”, vilket betyder ”: null, ” japansk ”:”

明日 が あ る。 ”, “ länk ”:“ http://jsonview.com ”, “ notLink ”:“ http://jsonview.com är bra ”}

När du har kopierat det till fliken Text trycker du på Format- knappen i JSON-visarens verktygsfält. Då visas data som visas i bilden nedan, vilket är mycket tydligare.

Du kan ladda andra data genom att trycka på Ladda JSON- dataknappen och ange en URL. Fliken Viewer visar datavariabler med trädstrukturer som du kan expandera eller kollapsa genom att trycka på + och - knapparna.

JSON Editor Online är ett annat webbverktyg som du kan visa data från från hårddisk eller URL. Klicka här för att öppna webbverktyget och kopiera och klistra sedan in exempeldata ovan i koderedigeraren.

Tryck på högerpil för att kopiera koden till trädredigeraren och klicka sedan på vänster pilknapp för att visa JSON-data som visas nedan. Där kan du redigera data och spara eventuella ändringar.

På sidan finns också ett praktiskt sökverktyg för fält och värden.

Om du behöver en JSON-visare gör inte den inbyggda Firefox-visaren allt du behöver. Som sådan är JSON-tillägg och webbverktyg bra alternativ för utvecklare som behöver öppna och redigera JSON-data.

Hoppas att detta var till hjälp och att du nu är medveten om de olika JSON-tillägg och webbverktyg du kan använda. Om du har fler frågor kan du kontakta kommentarerna nedan.

Redaktörens anmärkning: Detta inlägg publicerades ursprungligen i april 2017 och har sedan dess helt uppdaterats och uppdaterats för färskhet, noggrannhet och omfattande.