URL-Encoder / -Decoder (Prozent-Kodierung, UTF-8-sicher)

Was URL-Kodierung ist

URLs sind auf eine kleine Menge von ASCII-Zeichen beschränkt. Um alles andere einzubeziehen — Leerzeichen, Akzente, chinesische Zeichen, Emoji, Sonderzeichen — wird jedes unsichere Byte durch %XX ersetzt, wobei XX sein hexadezimaler Bytewert ist. Ein Leerzeichen wird zu %20, ein Schrägstrich zu %2F, das Kanji 漢 wird zu %E6%BC%A2 (seine UTF-8-Bytes prozent-kodiert).

Dieser Rechner verwendet die eingebauten encodeURIComponent- und decodeURIComponent-Funktionen des Browsers. Er kodiert alles, was kein unreserviertes Zeichen ist (Buchstaben, Ziffern, -._~), was das richtige Verhalten für Query-Parameter und Formulardaten ist.

encodeURI vs. encodeURIComponent

JavaScript hat zwei Encoder. encodeURI lässt URL-Strukturzeichen (/ ? & # = + usw.) unverändert — für vollständige URLs verwenden. encodeURIComponent maskiert all diese — für den Wert innerhalb eines Query-Parameters verwenden.

Dieses Tool verwendet encodeURIComponent, die sicherere Wahl zum Einbetten beliebigen Textes in eine URL. Bei einer vollständigen URL mit zu erhaltender Struktur nur die Teile kodieren, die es brauchen.

Häufige Fallstricke

Pluszeichen in URLs. Manche Server behandeln ‚+' als Leerzeichen (ein Überbleibsel der Formular-Kodierung). encodeURIComponent lässt ‚+' unverändert, aber ein Server könnte es als Leerzeichen decodieren. Sicherheitshalber ‚+' durch %2B ersetzen, wenn es als Datenwert gesendet wird.

Doppelkodierung. Das Kodieren einer bereits kodierten Zeichenkette fügt eine weitere Schicht hinzu (% wird zu %25, also wird ‚%20' zu ‚%2520'). Immer prüfen, ob die Eingabe bereits kodiert ist, bevor encode erneut ausgeführt wird.

Längenzunahme. UTF-8-Mehrbyte-Zeichen expandieren zu je 3–4 Prozentkodes. Eine 100-Zeichen-Zeichenkette in Chinesisch wird leicht zu einer 900+-Zeichen-URL.