jsonecho

GraphQL Formatter

GraphQL-Abfragen und -Schemas formatieren, damit verschachtelte Auswahlen leicht lesbar sind.

Tool wird geladen ...

So verwenden Sie GraphQL Formatter

Fügen Sie Ihren Code ein. Die Formatierungs-Engine wird beim ersten Mal kurz geladen.
Passen Sie bei Bedarf die Optionen an.
Kopieren Sie das formatierte Ergebnis.

Über GraphQL Formatter

GraphQL-Abfragen wachsen schnell. Eine Abfrage mit ein paar verschachtelten Auswahlen umfasst schon ein Dutzend Zeilen, und wenn sie aus einem Netzwerk-Log kopiert wird, kommt sie in einer an. Dieser Formatierer setzt jedes Feld in eine eigene Zeile und rückt Auswahlen unter ihrem übergeordneten Element ein.

Er verarbeitet Abfragen, Mutationen, Subscriptions, Fragmente und Schema-Definitionen (SDL). Kommentare bleiben erhalten.

Häufig gestellte Fragen

Wird gegen ein Schema validiert?

Nein. Es prüft die Syntax der Abfrage und sagt Ihnen, wo sie bricht, kann Ihr Schema aber nicht kennen.

Kann es eine Schemadatei formatieren?

Ja, Typdefinitionen, Enums, Interfaces und Direktiven werden alle unterstützt.

Ordnet der Formatierer Felder um?

Nein. Felder bleiben in der Reihenfolge, in der Sie sie geschrieben haben.

Warum hat der erste Durchlauf eine Sekunde gedauert?

Die Formatierungs-Engine für diese Sprache wird beim ersten Gebrauch heruntergeladen und dann von Ihrem Browser zwischengespeichert. Danach erfolgt die Formatierung sofort, und nichts verlässt Ihren Rechner.

Mehr in Code-Formatierer

Alle Tools →

JavaScript Pretty PrintJavaScript formatiert ausgeben, damit Sie es lesen können.Formatieren CSS Pretty PrintCSS formatiert ausgeben, damit jede Regel und Eigenschaft leicht lesbar ist.Formatieren CSS MinifyKommentare und Leerraum entfernen, um das kleinstmögliche CSS zu erhalten.Komprimieren C# FormatterC#-Code einrücken und Klammern und Anweisungen in eigene Zeilen setzen.Formatieren Java FormatterBringen Sie Java-Code wieder in ein lesbares Layout: eine Anweisung pro Zeile, Klammern eingerückt.Formatieren Angular FormatterAngular-Komponenten-Templates mit ihren strukturellen Direktiven und Bindings formatieren.Formatieren Vue FormatterEine Vue-Single-File-Komponente formatieren: Template, Script und Style zusammen.Formatieren Less FormatterLess-Code mit seinen Variablen, Mixins und verschachtelten Regeln formatieren.Formatieren