Dieser GraphQL-Formatter gibt GraphQL-Queries, -Mutations und -SDL-Schemas schön aus und minifiziert sie, während er prüft, dass jedes Dokument sauber parst. Füge eine rohe Query ein, und der GraphQL-Beautifier rückt Felder, Argumente und Auswahlmengen konsistent ein; wechsle zum Minifizieren, um Leerraum, Kommas und Kommentare auf das kleinste äquivalente Dokument zu reduzieren. Er extrahiert außerdem benannte Operationen und gibt ein angehängtes Variablen-JSON-Objekt schön aus, sodass du eine vollständige Anfrage an einem Ort aufräumen und als schnellen GraphQL-Validator nutzen kannst. Gebaut für Frontend- und Backend-Entwickler, QA-Ingenieure und alle, die API-Aufrufe debuggen und eine GraphQL-Query formatieren oder ein GraphQL-Schema vor dem Teilen verschönern müssen. Alles läuft lokal in deinem Browser, sodass deine Daten dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.
Funktionen
Formatiere Queries, Mutations und SDL-Schemas mit sauberer, konsistenter Einrückung
Minifiziere Dokumente durch Entfernen von Leerraum, Kommas und Kommentaren
Validiere die Syntax, sodass fehlerhafte Queries einen klaren Parse-Fehler zeigen
Extrahiere und liste benannte Operationen aus dem eingefügten Dokument auf
Gib ein angehängtes Variablen-JSON-Objekt neben der Query schön aus
Wechsle zwischen Format- und Minify-Modus mit einem Klick
Kopiere formatierte oder minifizierte Ausgabe sofort
So verwendest du GraphQL-Formatierer
Füge deine GraphQL-Query, -Mutation oder dein -Schema in das Eingabefeld ein.
Wähle Format zum Verschönern oder Minify zum Komprimieren des Dokuments.
Füge optional ein Variablen-JSON-Objekt ein, um es schön auszugeben.
Prüfe die extrahierten Operationsnamen und etwaige Syntaxfehler.
Kopiere das formatierte oder minifizierte Ergebnis aus dem Ausgabebereich.
query Hero($ep: Episode) {
hero(episode: $ep) {
name
friends {
name
}
}
}
Der Format-Modus verschönert eine kompakte Query zu eingerücktem GraphQL.
Häufige Fehler & Fehlerbehebung
Die Ausgabe zeigt nach dem Einfügen einen Syntaxfehler. — Das Dokument muss gültiges GraphQL sein. Prüfe auf unausgeglichene geschweifte Klammern, fehlende Feldauswahlen oder ein vereinzeltes Komma und formatiere dann neu.
Das Panel der Operationsnamen sagt, es gibt keine benannten Operationen. — Anonyme Queries und SDL-Schemas haben keine Operationsnamen. Füge einen Namen wie query GetUser { ... } hinzu, wenn du ihn gelistet brauchst.
Das Variablenfeld meldet ungültiges JSON. — Das Variablenfeld erwartet ein JSON-Objekt wie { "id": "1000" }, nicht GraphQL-Syntax. Nutze doppelt-quotierte Schlüssel und gültiges JSON.
Schema-Validierung gegen meine API erwartet. — Dieses Tool validiert nur die Syntax. Es bestätigt, dass das Dokument parst, prüft aber keine Felder gegen ein bestimmtes Schema.
Häufig gestellte Fragen
Was ist der GraphQL-Formatter?
Der GraphQL-Formatter verschönert, minifiziert und syntaxprüft GraphQL-Queries, -Mutations und -SDL-Schemas und extrahiert benannte Operationen — alles in deinem Browser.
Wie formatiere ich eine GraphQL-Query mit diesem Tool?
Füge deine Query, Mutation oder dein Schema in das Eingabefeld ein und wähle Format. Der GraphQL-Formatter rückt Felder, Argumente und Auswahlmengen neu ein, sodass du das saubere Ergebnis kopieren kannst.
Validiert der GraphQL-Formatter gegen mein Schema?
Er validiert die Syntax und bestätigt, dass die Query oder das Schema parst. Er prüft keine Operationen gegen eine bestimmte Schemadefinition.
Was macht die Minify-Option?
Minify entfernt ignorierte Zeichen wie Leerraum, Kommas und Kommentare, um das kleinste äquivalente GraphQL-Dokument zu erzeugen.
Kann der GraphQL-Formatter auch meine Variablen schön ausgeben?
Ja. Füge ein Variablen-JSON-Objekt in das dafür vorgesehene Feld ein, und es wird neben deiner Query formatiert.
Wird meine GraphQL-Query irgendwohin hochgeladen?
Nein. Der GraphQL-Formatter verarbeitet alles lokal in deinem Browser, sodass deine Queries, Schemas und Variablen dein Gerät nie verlassen.
Verwandte Tools
JSON-Formatierer — JSON verschönern, minimieren und validieren – mit Fehlerposition.
SQL-Formatierer — Formatiere SQL für MySQL, PostgreSQL, SQL Server, SQLite, BigQuery und Oracle.
XML-Formatierer — Verschönere, minimiere und validiere XML und konvertiere XML ↔ JSON.
JS-/TS-Formatierer — Verschönere JavaScript, TypeScript und JSX/TSX mit Prettier-Optionen oder minimiere reines JavaScript.