7 Tools zum Bearbeiten von JSON-Dateien in Google Chrome

Das JSON-Format ist von Javascript abgeleitet und wird häufig zur Datenübertragung zwischen einem Server und einer Webanwendung verwendet. Es ist eine Alternative zu XML, die es einem Programmierer ermöglicht, mit einer beliebigen Anzahl von Tools herumzuexperimentieren. Was aber, wenn Sie Ihren Browser zum Arbeiten mit Ihren JSON-Dateien verwenden möchten? Es gibt mehrere Web-Apps und Erweiterungen für Google Chrome, die Programmierern beim Bearbeiten von JSON-Dateien helfen sollen.

1. JSON-Editor online

Verfügbar als: Webanwendung

JSON Editor Online ist ein Tool zum Anzeigen, Bearbeiten und Formatieren von JSON. Diese Chrome-App öffnet einen Texteditor in Ihrem Browser, sodass Sie Code bearbeiten können, ohne zu einer anderen Anwendung wechseln zu müssen. Die App zeigt zwei Textfelder nebeneinander an. Das Feld auf der linken Seite zeigt den Code unverändert an, 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 er erstellt wurde. Es kann Dateien mit einer Größe von bis zu 512 MB öffnen, was auf den ersten Blick vielleicht nicht viel aussieht, aber eine riesige Datenmenge enthalten kann. Bei wirklich großen Dateien sollten Sie diese Tools ausprobieren, um sie schnell und ohne Verzögerung anzuzeigen .

Der JSON-Editor ist mehr als nur ein Editor. Es ist ein Formatierer, Parser und sogar ein Reparaturassistent. Es verdient definitiv einen Platz im Toolkit jedes Softwareentwicklers.

2. JSON-Formatierer

Verfügbar als: Chrome-Erweiterung

Die JSON Formatter Chrome- Erweiterung ist ein Open-Source-Tool, das auch das Lesen von JSON-Code für die Augen erleichtert. Es wirbt für die Unterstützung der Formate JSON und JSONP und bietet Syntaxhervorhebung, reduzierbare Bäume, Einrückungshilfen und anklickbare URLs. Es funktioniert auf jeder gültigen JSON-Seite und auch auf lokalen Dateien.

Diese Erweiterung funktioniert auch bei JSON-Dateien, die über das Internet bereitgestellt werden. Allerdings kommt es manchmal zu Konflikten mit dem Stil der HTML-Site, wenn JSON-Daten roh über den HTML-Teil bereitgestellt werden. Dies geschieht häufig auf der Beispielseite der offiziellen JSON-Website , auf der die Hintergrundfarbe verschwindet.

Da es sich jedoch um eine Erweiterung handelt, können Sie sie problemlos deaktivieren oder die Funktion auf Inkognito-Seiten deaktivieren. Außerdem ist es Open Source, sodass Sie mit dem Quellcode experimentieren können, um noch mehr Funktionen zu erreichen.

3. JSONView

Verfügbar als: Chrome-Erweiterung

JSONView für Google Chrome entstand als Firefox-Add-on . Es verfügt über Kontextmenüoptionen zum Kopieren eines JSON-Pfads oder -Werts. Es gibt auch einen integrierten Stileditor zum Anpassen des Themas.

Als von einem anderen Entwickler erstellte Erweiterung erweitert JSONVue die Fähigkeit von JSONView, JSON-Dokumente mithilfe von JSONLint zu validieren .

JSONView wendet auch einige Pretty-Printing-Funktionen auf Ihre JSON-Dateien an. Dadurch werden die JSON-Schlüssel fett gedruckt, um sie im Vergleich zu den nicht fett gedruckten Klammern und Doppelpunkten leichter lesbar zu machen.

4. JSON Beautifier & Editor

Verfügbar als: Chrome-Erweiterung

JSON Beautifier & Editor verwandelt Ihren Chrome-Browser in ein JSON-Tool zum Bearbeiten, Verarbeiten und Analysieren von Daten. Sie können damit Schlüssel und Werte ändern und Ihre Änderungen in einer herunterladbaren JSON-Ausgabedatei speichern.

Die vielleicht größte Funktion von JSON Beautifier & Editor ist die Möglichkeit, Leerzeichen für Ihre JSON-Dateien hinzuzufügen und zu entfernen. Es gibt auch eine Möglichkeit, Ihre Objekte zu sortieren, falls Sie beim Codieren ein paar Dinge ändern.

Alles in allem erweitert diese Erweiterung die Möglichkeiten normaler JSON-Chrome-Erweiterungen und verwandelt Ihren Webbrowser in einen Offline-Texteditor für JSON-Dateien.

5. Codeverschönerung des JSON-Editors

Verfügbar als: Webanwendung

Der Code Beautify JSON Editor ist nur eines der vielen anderen Tools, die in der Code-Verschönerungs-App-Suite von Code Beautify verfügbar sind. Wenn Sie sich auf den JSON-Editor konzentrieren, finden Sie einige andere Möglichkeiten, JSON-Dateien in Ihrem Webbrowser anzuzeigen.

Die App verfügt über eine Codeansicht, bei der es sich größtenteils nur um eine aufgehübschte Textansicht handelt – mit der Ausnahme, dass sie bei der Anzeige von kompaktem JSON unabhängig von der Textansicht ist. In der Formularansicht wird die Größe jedes Arrays innerhalb jeder minimierten Zeile angezeigt. Bei Objekten wird angezeigt, wie viele Schlüssel sich darin befinden.

Ein weiterer Vorteil dieser Erweiterung besteht darin, dass sie Ihnen anzeigt, wie groß die bearbeiteten und ursprünglichen JSON-Dateien sind. Wenn Sie an einem Projekt arbeiten, bei dem die Dateigrößen sehr spezifisch sind, könnte dies das richtige Tool für diese Aufgabe sein.

6. Tutorials Point Online JSON Editor

Verfügbar als: Webanwendung

Der Online-JSON-Editor von Tutorials Point ist ein großartiges JSON-Bearbeitungstool, das auch die Augen schont. Sie können damit visuelle Elemente umschalten, was Ihnen bei der Visualisierung von Leerzeichen in tief verschachteltem JSON-Code helfen kann. Außerdem gibt es veränderbare Themen.

Der Hauptvorteil dieses Editors besteht vielleicht darin, dass er auch Zugriff auf eine Bibliothek mit Tutorials bietet. Dies macht es zu einem praktischen Werkzeug für Leute, die neue Programmiersprachen lernen möchten und dabei hauptsächlich auf Online-Ressourcen angewiesen sind.

Ähnlich wie bei allen anderen Online-JSON-Bearbeitungstools können Sie mit diesem Editor Ihr bearbeitetes JSON über Ihren Browser herunterladen. Auf diese Weise können Sie damit fast alles tun, was Sie mit jedem JSON-Code tun müssen.

7. JSON-Editor von Dan’s Tools

Verfügbar als: Webanwendung

Der JSON-Editor von Dan’s Tools ist ein kostenloser Online-JSON-Editor, der sich durch ein klares und minimalistisches Erscheinungsbild auszeichnet. Was ihm an Funktionen fehlt, macht es durch schnelles Laden wett, sobald Sie die URL eingeben.

Es ist gut genug, wenn Sie etwas benötigen, das Sie schnell zum Bearbeiten verwenden können. Allerdings wird die Funktion „Datei laden“ bei einigen Browsern manchmal am unteren Bildschirmrand angezeigt, wenn Werbeblocker-Erweiterungen verwendet werden, was unpraktisch sein kann.

Der Entwickler dieser App, Clean CSS (auch bekannt als Dan’s Tools), verfügt auch über andere Tools zum Konvertieren von JSON in andere Formate wie CSV, XML, TSV und sogar HTML.

Greifen Sie bequem auf JSON-Dateien zu

Alle Bilder und Screenshots von Terenz Jomar Dela Cruz