URL-Kodierer — Komponenten und Query-Strings

Kodiere Komponenten, dekodiere Escapes oder lies und erzeuge Query-Strings mit doppelten Schlüsseln, Reihenfolge und leeren Werten.

◈ Verarbeitung im Browser · Eingaben werden nicht gespeichert

Komponentendekodierung erhält +. Query-Parsing macht daraus ein Leerzeichen.

Eingaben bleiben im Seitenspeicher. Nur die Darstellung wird gespeichert.

So funktioniert es

Der Komponentenmodus nutzt encodeURIComponent und decodeURIComponent. Er eignet sich für einzelne Parameterwerte, nicht für eine ganze URL. Query-Parsing akzeptiert Text mit oder ohne führendes ? und liefert ein JSON-Array aus Zeichenfolgenpaaren. Der Builder nimmt dieselben Paare und erzeugt formularkodierte Parameter.

Grenzen und Verhalten

Komponentendekodierung erhält ein wörtliches +. In Query-Strings wird + zum Leerzeichen und %2B zum Pluszeichen. Doppelte Schlüssel, Reihenfolge und leere Werte bleiben erhalten. Fehlerhafte Prozent-Escapes oder Unicode werden gemeldet. Der Builder schreibt Leerzeichen als +. Füge keine vollständige URL in den Query-Parser ein.

Beispiel

q=hello+world&tag=a%2Bb ergibt [["q","hello world"],["tag","a+b"]]. Der Builder kehrt das um. Limit: 200.000 Zeichen. Keine URL wird geöffnet oder abgerufen.

Annahmen und Grenzen

Lade ein Beispiel, um das Eingabeformat kennenzulernen. Ersetze es durch eigene Daten und wähle eine Aktion. Änderungen verwerfen das alte Ergebnis, damit keine veraltete Ausgabe kopiert wird. Kopieren und Download sind nach erfolgreicher Ausführung verfügbar. Leeren entfernt Eingaben und Ausgabe. Grenzen halten kleine Aufgaben reaktionsschnell; für große Dateien nutze einen lokalen Editor oder ein Kommandozeilenwerkzeug. Eine erfolgreiche Umwandlung validiert weder deine Anwendungslogik noch macht sie fremden Code sicher ausführbar.

Quellen

MDN Web Docs

Häufige Fragen

Werden Eingaben gespeichert oder hochgeladen?

Nein. Die Verarbeitung erfolgt im Seitenspeicher. Nur die Darstellung wird gespeichert. Neuladen oder Sprachwechsel setzt Eingaben zurück; dein Browser kann separat Formulare wiederherstellen.

Brauche ich ein Konto?

Nein. Kein Konto, API-Schlüssel oder Installation nötig. Aktiviere JavaScript. Alle Tools bieten Beispiele und lokalen Download.

Warum verschwand die vorherige Ausgabe?

Eingabeänderungen verwerfen das alte Ergebnis. Starte das Tool erneut, bevor du kopierst oder herunterlädst.