🧩 Query-String-Generator

Fügen Sie Schlüssel-/Wert-Zeilen hinzu und erhalten Sie sofort einen korrekt prozentkodierten Query-String, erstellt mit URLSearchParams. Geben Sie eine Basis-URL ein, um die vollständig zusammengesetzte URL zu sehen, oder wechseln Sie zu Analysieren und fügen Sie einen vorhandenen Query-String oder eine URL ein, um jeden Parameter in eine Tabelle aufzuteilen.

Basis-URL (optional)

Parameter

Ergebnis

Weitere Entwickler-Tools

🔍 URL Parser 🔗 URL Encoder/Decoder 📊 UTM Builder

RATGEBER

Mehr erfahren

1. Warum mit URLSearchParams kodieren?

Query-Strings enthalten häufig Nicht-ASCII-Zeichen, Leerzeichen und Sonderzeichen wie `&`, `=` und `#`. Die manuelle Verkettung dieser Werte führt leicht zu Fehlern – fehlende Kodierung, Doppelkodierung oder Trennzeichenkonflikte. URLSearchParams ist eine standardisierte Browser-API, die jeden Wert korrekt nach den Regeln von application/x-www-form-urlencoded prozentkodiert und sie sicher mit `&` verbindet. Dieses Tool verwendet genau diese Logik für die Ausgabe.

2. Wie werden doppelte Schlüssel behandelt?

Query-Strings wie `category=IT&category=Dev`, bei denen sich ein Schlüssel wiederholt, sind bei Mehrfachauswahlfiltern oder Array-Parametern üblich. Der Reiter Analysieren liest über URLSearchParams.entries() jeden Eintrag in der Reihenfolge aus und zeigt eine separate Tabellenzeile für jeden Wert, selbst wenn sich der Schlüssel wiederholt – und vermeidet so den häufigen Fehler, nur den ersten Wert zu behalten und den Rest stillschweigend zu verwerfen.

3. Round-Tripping zwischen Erstellen und Analysieren

Fügen Sie eine vollständige URL in Analysieren ein und es wird korrekt nur der Teil nach `?` (und vor jedem `#`) als Query-String extrahiert. Umgekehrt können Sie das Ergebnis aus Erstellen zurück in Analysieren einfügen, um zu prüfen, ob die Kodierung korrekt ist und jeder Wert wieder in seiner Originalform zurückgeführt wird.

Häufig gestellte Fragen

Werden Nicht-ASCII-Werte wie Emojis oder Akzentzeichen korrekt kodiert?

Ja. URLSearchParams kodiert alle Nicht-ASCII-Zeichen als Standard-UTF-8-Prozentkodierung. Jeder von Ihnen eingegebene Wert – Akzentzeichen, Emojis, Leerzeichen – wird sicher kodiert.

Was passiert bei leeren Schlüsseln oder Werten?

Zeilen mit einem leeren Schlüssel werden vom Ergebnis ausgeschlossen. Eine Zeile mit Schlüssel, aber leerem Wert, wird weiterhin als `key=` eingeschlossen.

Was passiert, wenn ich keine Basis-URL eingebe?

Ohne Basis-URL wird nur der Query-String selbst angezeigt, z. B. `?key=value&...`. Geben Sie eine Basis-URL ein, um die vollständige zusammengesetzte URL zu erhalten, z. B. `baseUrl?key=value&...`.

Werden meine Daten an einen Server gesendet?

Nein. Sowohl das Erstellen als auch das Analysieren erfolgen vollständig in Ihrem Browser-JavaScript und werden niemals an einen Server gesendet.