Das JSON-Format wird von Javascript abgeleitet und wird häufig zum Übertragen von Daten zwischen einem Server und einer Webanwendung verwendet. Es ist eine Alternative zu XML, die ein Programmierer verwenden kann, indem er eine beliebige Anzahl von Werkzeugen verwendet. Aber was, wenn Sie Ihren Browser benutzen möchten? Es gibt mehrere Web-Apps und -Erweiterungen für Google Chrome, mit denen Programmierer JSON-Dateien bearbeiten können.

JSON Formatierer (App)

Die JSON Formatter Chrome-App wurde erstellt, um Programmierern das Debuggen von Code zu erleichtern. Oft wird Text in JSON-Dateien ohne Zeilenumbrüche eingegeben, um Speicherplatz zu sparen. JSON Formatter versucht, Codierer zu unterstützen, indem der Code so formatiert wird, dass er einfacher zu lesen ist. Fügen Sie einfach Code in das einzelne Feld auf der Webseite ein und drücken Sie den "JSON formatieren" Knopf. Der gewünschte neu formatierte Text wird unten angezeigt. Eine "Un-Format JSON" -Schaltfläche ist verfügbar, um JSON-Dateien zurück zu ihrem Platz sparenden Originalformular zu bearbeiten.

JSON Formatierer (Erweiterung)

Die JSON Formatter Chrome-Erweiterung, die keine Beziehung zur Chrome-App hat, ist ein Open-Source-Tool, das das Lesen von JSON-Code auch für die Augen vereinfacht. Es unterstützt sowohl JSON- als auch JSONP-Formate und bietet Syntaxhervorhebung, faltbare Bäume, Inlet-Guides und anklickbare URLs. Es funktioniert auf jeder gültigen JSON-Seite und auf lokalen Dateien. Der obige Screenshot zeigt den JSON-Formatierer in Aktion, während der folgende Screenshot zeigt, wie der Code aussieht, ohne dass die Erweiterung installiert ist.

JSON-Editor

JSON Editor ist ein Tool zum Anzeigen, Bearbeiten und Formatieren von JSON. Diese Chrome App öffnet einen Texteditor in Ihrem Browser, mit dem Sie Code bearbeiten können, ohne zu einer anderen Anwendung wechseln zu müssen. Die App zeigt zwei nebeneinander liegende Textfelder an. Das Feld auf der linken Seite zeigt den Code so wie er ist, während das Feld auf der rechten Seite den Text in einem besser lesbaren Format anzeigt. Die App kann sowohl lokale Dateien als auch URLs öffnen. Der Quellcode ist auch für diejenigen verfügbar, die wissen möchten, wie die Soße hergestellt wird.

JSONView

JSONView für Google Chrome entstand als Firefox-Erweiterung. Es enthält Optionen für das Kontextmenü zum Kopieren eines JSON-Pfads oder -Werts. Es gibt auch einen eingebauten Stil-Editor zum Anpassen des Themas. Eine Erweiterung, die von einem anderen Entwickler, JSONView und JSONLint für Google Chrome, erstellt wurde, erweitert die Möglichkeit der JSONView-Erweiterung, JSON-Dokumente mithilfe von JSONLint zu validieren. Apropos JSONLint ...

JSONLint

Die JSONLint Chrome App ist ziemlich einfach. Es öffnet die JSONLint-Website, auf der Sie JSON-Dokumente validieren können. Es kann JSON-Dokumente bei Bedarf auch neu formatieren. Die App fügt Offline-Funktionalität hinzu, was eine nette Geste ist. Wie die meisten Optionen auf dieser Seite ist die App Open Source und der Quellcode ist für jeden verfügbar, der sie auschecken möchte.

Fazit

Wenn Sie ein erfahrener Programmierer sind, haben Sie wahrscheinlich bereits einen etablierten Workflow. Aber wenn Sie zum ersten Mal mit JSON-Dokumenten experimentieren oder einfach nur zusätzliche Werkzeuge für die Interaktion mit Dokumenten in Ihrem Browser benötigen, haben Sie viele Möglichkeiten. Sie müssen keinen speziellen JSON-Editor verwenden, um JSON-Dateien zu bearbeiten, und wenn Sie bereits eine bevorzugte Methode zur Interaktion mit solchen Dateien haben, lassen Sie es uns in den Kommentaren unten erklären.