JSON, anders JavaScript Object Notation, data is een protocol voor browser / server-communicatie en een van de primaire alternatieven voor XML.

JSON-gegevens kunnen echter niet worden gelezen door ontwikkelaars zonder een JSON-viewer die de gegevens op een duidelijke manier structureert en weergeeft. Als zodanig heeft Mozilla een JSON-viewer opgenomen in Firefox en is standaard ingeschakeld in het ontwikkelaarskanaal.

Hoe bekijk ik JSON in Firefox? De snelste manier om JSON-gegevens in Firefox te bekijken en te bewerken, is via de geïntegreerde JSON-viewer. De gegevensviewer is standaard alleen ingeschakeld in de Developer Edition en Nighly. Als dat niet bij u past, gebruikt u enkele handige add-ons en webtools voor Firefox.

Raadpleeg de onderstaande gids voor meer informatie hierover.

Hoe JSON Viewer in Firefox in te schakelen

Als de JSON-viewer van Firefox niet voor u werkt, is dat waarschijnlijk omdat het niet is ingeschakeld. Op dit moment is de gegevensviewer alleen standaard ingeschakeld in Developer Edition en Nightly.

Zo kunt u JSON-viewer in Firefox Stabiel inschakelen:

• Voer eerst ' about: config ' in de adresbalk van Firefox in en druk op de Return-toets om de pagina te openen die wordt weergegeven in de momentopname direct hieronder.

• Voer vervolgens ' devtools.jsonview.enabled ' in de zoekbalk boven aan de about: config-pagina in.
• Nu kunt u dubbelklikken op devtools.jsonview.enabled om de waarde naar true te schakelen. Dat maakt de JSON-viewer effectief in de Firefox-browser mogelijk.

Alternatieve JSON Viewer add-ons en webtools

U hoeft JSON-viewer echter niet echt in Firefox in te schakelen. Als de Firefox JSON-viewer niet werkt, kunt u in plaats daarvan altijd alternatieve add-ons en webtools proberen.

U kunt bijvoorbeeld JSONView aan Firefox toevoegen door op de knop + Toevoegen aan Firefox op deze pagina te drukken. Wanneer u die add-on aan de browser hebt toegevoegd, opent u deze pagina om een ​​voorbeeld te zien van enkele opgemaakte JSON-gegevens.

De onderstaande opnamen tonen u de JSON-gegevens voor en nadat de add-on is ingeschakeld in Firefox.

De JSON-DataView is een betere add-on waarmee u de gegevensweergave kunt aanpassen. Vind het op deze pagina en voeg deze extensie toe aan uw browser.

Open vervolgens deze pagina opnieuw om te zien hoe deze de JSON-gegevens opmaakt en weergeeft. De gegevens bevatten nu + en - knoppen om boomknooppunten uit te vouwen en samen te vouwen, syntaxisaccentuering en hyperlinks.

De JSON-DataView bevat ook aanpassingsopties die u kunt selecteren door op de knop Menu openen rechtsboven in de browser en Add-ons te klikken.

Druk daarna op de knop Opties naast JSON-DataView om het onderstaande venster te openen. Daar kunt u op het vervolgkeuzemenu Thema klikken om de JSON-gegevenskleuren te wijzigen. Klik op het tabblad Weergave om het tekstlettertype aan te passen.

Er zijn ook JSON-viewer-webhulpmiddelen waarin u gegevens kunt kopiëren en plakken. Eerst kunt u gegevens kopiëren en in het tabblad Tekst van deze JSON-viewer plakken. Probeer de onderstaande JSON-gegevens te kopiëren en te plakken met de sneltoetsen Ctrl + C en Ctrl + V.

{"Hey": "guy", "anumber": 243, "anobject": {"whoa": "nuts", "anarray":, "more": "stuff"}, "awesome": true, "nep ": False, " betekenis ": null, " japanse ":"

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

Wanneer u dat naar het tabblad Tekst hebt gekopieerd, drukt u op de knop Opmaak op de werkbalk van de JSON-viewer. Dat zal dan de gegevens weergeven zoals getoond in de onderstaande foto, wat veel duidelijker is.

U kunt andere gegevens laden door op de knop JSON-gegevens laden te drukken en een URL in te voeren. Het tabblad Viewer toont gegevensvariabelen met boomstructuren die u kunt uitbreiden of samenvouwen door op de knoppen + en - te drukken.

De JSON Editor Online is een andere webtool waarin u gegevens kunt weergeven vanaf de HDD of URL. Klik hier om de webtool te openen en kopieer en plak de voorbeeldgegevens hierboven in de codebewerker.

Druk op de pijl naar rechts om de code naar de boomeditor te kopiëren en klik vervolgens op de pijl naar links om de JSON-gegevens weer te geven, zoals hieronder weergegeven. Daar kunt u de gegevens bewerken en gemaakte wijzigingen opslaan.

De pagina bevat ook een handige zoekfunctie voor velden en waarden.

Als u een JSON-viewer nodig hebt, doet de ingebouwde Firefox-viewer niet alles wat u nodig hebt. Als zodanig zijn JSON-add-ons en webtools geweldige alternatieven voor ontwikkelaars die JSON-gegevens moeten openen en bewerken.

Ik hoop dat dit nuttig was en dat u zich nu bewust bent van de verschillende JSON-add-ons en webtools die u kunt gebruiken. Als u nog vragen heeft, neem dan gerust contact op met de opmerkingen hieronder.

Noot van de redactie: dit bericht werd oorspronkelijk gepubliceerd in april 2017 en is sindsdien volledig vernieuwd en bijgewerkt voor frisheid, nauwkeurigheid en volledigheid.