JSON, ansonsten JavaScript Object Notation, data ist ein Protokoll für die Browser / Server-Kommunikation und eine der wichtigsten Alternativen zu XML.

JSON-Daten können jedoch von Entwicklern ohne einen JSON-Viewer, der die Daten übersichtlich strukturiert und anzeigt, nicht gelesen werden. Als solches hat Mozilla einen JSON-Viewer in Firefox integriert und ist standardmäßig im Entwicklerkanal aktiviert.

Wie kann ich JSON in Firefox anzeigen? Der schnellste Weg, JSON-Daten in Firefox anzuzeigen und zu bearbeiten, ist der integrierte JSON-Viewer. Die Datenanzeige ist standardmäßig nur in der Developer Edition und in Nighly aktiviert. Wenn Ihnen das nicht zusagt, verwenden Sie einige nützliche Add-Ons und Web-Tools für Firefox.

Weitere Informationen hierzu finden Sie in der nachstehenden Anleitung.

So aktivieren Sie JSON Viewer in Firefox

Wenn der JSON-Viewer von Firefox nicht für Sie funktioniert, liegt dies wahrscheinlich daran, dass er nicht aktiviert ist. Derzeit ist die Datenanzeige nur in der Developer Edition und in Nightly standardmäßig aktiviert.

So können Sie den JSON-Viewer in Firefox Stable aktivieren:

• Geben Sie zunächst ' about: config ' in die Adressleiste von Firefox ein und drücken Sie die Eingabetaste, um die im folgenden Schnappschuss gezeigte Seite zu öffnen.

• Geben Sie anschließend " devtools.jsonview.enabled " in die Suchleiste oben auf der Seite "about: config" ein.
• Jetzt können Sie auf devtools.jsonview.enabled doppelklicken, um den Wert auf true zu setzen. Dadurch wird der JSON-Viewer im Firefox-Browser effektiv aktiviert.

Alternative JSON Viewer-Add-Ons und Web-Tools

Allerdings müssen Sie den JSON-Viewer in Firefox nicht wirklich aktivieren. Wenn der Firefox-JSON-Viewer nicht funktioniert, können Sie stattdessen auch alternative Add-Ons und Webtools ausprobieren.

Sie können beispielsweise JSONView zu Firefox hinzufügen, indem Sie auf dieser Seite auf die Schaltfläche + Zu Firefox hinzufügen klicken. Wenn Sie dieses Add-On zum Browser hinzugefügt haben, öffnen Sie diese Seite, um ein Beispiel für einige formatierte JSON-Daten anzuzeigen.

Die folgenden Bilder zeigen die JSON-Daten vor und nach der Aktivierung des Add-Ons in Firefox.

Das JSON-DataView ist ein besseres Add-On, mit dem Sie die Datenanzeige anpassen können. Finden Sie es auf dieser Seite und fügen Sie diese Erweiterung Ihrem Browser hinzu.

Öffnen Sie diese Seite dann erneut, um zu überprüfen, wie die JSON-Daten formatiert und angezeigt werden. Die Daten enthalten jetzt die Schaltflächen + und - zum Erweitern und Reduzieren von Baumknoten, Hervorheben der Syntax und Hyperlinks.

Die JSON-DataView enthält auch Anpassungsoptionen, die Sie auswählen können, indem Sie auf die Menüschaltfläche Öffnen oben rechts im Browser und auf Add-Ons klicken.

Klicken Sie anschließend auf die Schaltfläche Optionen neben JSON-DataView, um das unten gezeigte Fenster zu öffnen. Dort können Sie auf das Dropdown-Menü Thema klicken, um die JSON-Datenfarben zu ändern. Klicken Sie auf die Registerkarte Anzeigen, um die Textschriftart anzupassen.

Es gibt auch JSON-Viewer-Webtools, in die Sie Daten kopieren und einfügen können. Zunächst können Sie Daten kopieren und in die Registerkarte Text des JSON-Viewers einfügen. Versuchen Sie, die folgenden JSON-Daten mit den Tastenkombinationen Strg + C und Strg + V zu kopieren und einzufügen.

{"Hey": "guy", "anumber": 243, "anobject": {"whoa": "nuts", "anarray": "more": "stuff"}, "awesome": true, "bogus ": Falsch, " bedeutet ": null, " japanisch ":"

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

Wenn Sie das in die Registerkarte Text kopiert haben, klicken Sie in der Symbolleiste des JSON-Viewers auf die Schaltfläche Format. Das zeigt dann die Daten wie in der Abbildung unten gezeigt an, was viel klarer ist.

Sie können andere Daten laden, indem Sie auf die Schaltfläche JSON-Daten laden klicken und eine URL eingeben. Auf der Registerkarte Viewer werden Datenvariablen mit Baumstrukturen angezeigt, die Sie durch Drücken der Tasten + und - erweitern oder reduzieren können.

Der JSON Editor Online ist ein weiteres Web-Tool, mit dem Sie Daten von der Festplatte oder einer URL anzeigen können. Klicken Sie hier, um das Web-Tool zu öffnen, und kopieren Sie die obigen Beispieldaten und fügen Sie sie in den Code-Editor ein.

Drücken Sie die rechte Pfeiltaste, um den Code in den Baumeditor zu kopieren, und klicken Sie dann auf die linke Pfeiltaste, um die JSON-Daten wie unten gezeigt anzuzeigen. Dort können Sie die Daten bearbeiten und vorgenommene Änderungen speichern.

Die Seite enthält auch ein praktisches Suchwerkzeug für Felder und Werte.

Wenn Sie einen JSON-Viewer benötigen, kann der integrierte Firefox-Viewer nicht alles, was Sie benötigen. Daher sind JSON-Add-Ons und Web-Tools eine hervorragende Alternative für Entwickler, die JSON-Daten öffnen und bearbeiten müssen.

Hoffe, dass dies hilfreich war und Sie nun die verschiedenen JSON-Add-Ons und Web-Tools kennen, die Sie verwenden können. Wenn Sie weitere Fragen haben, können Sie den Kommentarbereich unten aufrufen.

Anmerkung des Herausgebers: Dieser Beitrag wurde ursprünglich im April 2017 veröffentlicht und seitdem vollständig überarbeitet und aktualisiert, um Frische, Genauigkeit und Vollständigkeit zu gewährleisten.