jquery.app
Deutsch
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML-Tools

Kostenlose Query-String-Parser und -Builder

Analysieren Sie URL-Query-Strings in Schlüssel-Wert-Tabellen oder erstellen Sie Query-Strings aus Parametern. Erkennt Duplikate und sortiert Parameter.

Tool wird geladen...

Was ist Query-String-Parser und -Builder?

Ein browserbasiertes Query-String-Werkzeug mit zwei Modi: Der Analysemodus extrahiert und zeigt alle Query-Parameter aus einer URL oder einem Query-String in einer übersichtlichen Tabelle mit Duplikaterkennung an. Der Erstellungsmodus konstruiert einen Query-String aus zeilenweise eingegebenen Schlüssel=Wert-Paaren. Beide Modi unterstützen die alphabetische Sortierung der Parameter.

Kurze Antwort

Analysieren Sie den Query-String einer URL in eine Schlüssel-Wert-Tabelle mit Duplikaterkennung oder erstellen Sie einen Query-String aus Parameterpaaren. UTM-freundlich mit Sortieroptionen.

Einschränkungen

  • Analysiert keine tief verschachtelten Query-String-Formate wie PHP-ähnliche Arrays (?a[b]=c) – Parameter werden als flache Schlüssel-Wert-Paare behandelt.
  • Sehr lange URLs (über 10 KB) können viele Parameter haben und die Tabelle kann scroll-lastig werden.
  • Der Builder validiert Parameternamen nicht gegen einen Standard – jede Zeichenfolge wird als Schlüssel akzeptiert.

So nutzt du dieses Tool

  1. Wählen Sie den Analysemodus zum Extrahieren von Parametern aus einer URL oder den Erstellungsmodus zum Konstruieren eines Query-Strings.
  2. Fügen Sie Ihre URL ein oder geben Sie Schlüssel=Wert-Paare ein (eine pro Zeile im Erstellungsmodus).
  3. Überprüfen Sie die extrahierten Parameter oder schalten Sie Sortier- und Deduplizierungsoptionen um.
  4. Kopieren Sie das Ergebnis zur Verwendung in Ihrer Anwendung.

Wofür du es nutzen kannst

  • Analysieren Sie eine URL mit UTM-Tags, um alle Marketing-Parameter (utm_source, utm_medium, utm_campaign) in einer lesbaren Tabelle anzuzeigen.
  • Erstellen Sie einen Query-String für eine API-Anfrage, indem Sie Schlüssel=Wert-Paare eingeben und einen korrekt kodierten Query-String erhalten.
  • Erkennen Sie doppelte Query-Parameter in einer URL, die unerwartetes Verhalten in Ihrer Anwendung verursachen könnten.

Anwendungsfalle

Praxisbeispiele

Beispiel

Marketing-UTM-Parameter analysieren

Ein Vermarkter fügt eine lange URL mit UTM-Parametern ein. Der Parser extrahiert utm_source=google, utm_medium=cpc und utm_campaign=launch in eine übersichtliche Tabelle, sodass die Überprüfung des Tracking-Setups einfach wird.

Beispiel

Einen API-Query-String erstellen

Ein Entwickler muss einen Query-String für einen REST-API-Aufruf erstellen. Er gibt filter=active, page=1 und limit=20 als Schlüssel=Wert-Paare ein. Der Builder gibt 'filter=active&page=1&limit=20' aus, bereit zum Anhängen an die API-URL.

Haufige Fehler

  • Vergessen, dass Query-String-Schlüssel zwischen Groß- und Kleinschreibung unterscheiden – filter=active und Filter=active sind unterschiedliche Parameter.
  • Sonderzeichen in Parameterwerten vor dem Erstellen nicht kodieren – der Builder kodiert automatisch, aber die manuelle Konstruktion kann dies übersehen.
  • Annehmen, dass doppelte Parameter ein Fehler sind – einige APIs verwenden absichtlich doppelte Schlüssel für Mehrwert-Parameter.

Überprüfung

  1. Fügen Sie eine URL mit Query-Parametern ein und überprüfen Sie, ob alle Parameter mit korrekten Schlüsseln und Werten in die Tabelle extrahiert werden.
  2. Wechseln Sie in den Erstellungsmodus, geben Sie 3 Schlüssel=Wert-Paare ein und überprüfen Sie, ob die Ausgabe ein korrekt formatierter Query-String ist.

FAQ

Fragen zu Query-String-Parser und -Builder

Wie werden doppelte Query-Parameter behandelt?

Der Parser erkennt und warnt vor doppelten Parameternamen und zeigt an, welche Schlüssel mehr als einmal vorkommen. Der Builder verhindert keine Duplikate, da einige APIs sie absichtlich verwenden (z. B. ?tag=a&tag=b). Wenn Sie eindeutige Schlüssel wünschen, aktivieren Sie den Sortiermodus und entfernen Sie Duplikate manuell.

Behandelt dieses Tool URL-Fragmente (Hash)?

Der Parser entfernt das URL-Fragment (#section) vor der Verarbeitung, da Fragmente nicht an den Server gesendet werden und nicht Teil des Query-Strings sind. Der Fragmentinhalt wird nur clientseitig verarbeitet.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren