URL-Encoder/Decoder
URL-Komponenten mit den nativen JavaScript-Funktionen `encodeURIComponent` und `decodeURIComponent` kodieren oder dekodieren.
So funktioniert es
Der URL-Encoder/Decoder wendet die prozentualen Kodierungsregeln aus RFC 3986 an, um eine beliebige Zeichenkette in eine Form umzuwandeln, die sicher in URLs, Abfragezeichenketten oder application/x-www-form-urlencoded-Anfrage-Bodys verwendet werden kann. Der Encoder verwendet die native encodeURIComponent-Funktion von JavaScript, die jedes Zeichen prozentual kodiert, das kein nicht reservierter ASCII-Buchstabe, keine Ziffer, kein Bindestrich, kein Unterstrich, kein Punkt oder keine Tilde ist — einschließlich Leerzeichen (die zu %20 werden, nicht +), reservierten Zeichen wie &, ?, =, #, /, und dem vollen Unicode-Bereich als UTF-8-Byte-Sequenzen kodiert.
Der Decoder kehrt den Prozess mit decodeURIComponent um und stellt den Originaltext wieder her. Die Eingabe wird sofort verarbeitet, während du tippst, und läuft vollständig in deinem Browser — kein Netzwerk-Roundtrip ist beteiligt, was Abfrageparameter oder OAuth-Callback-Werte, die sensible Identifikatoren enthalten können, privat hält. Das Tool verwendet bewusst die Komponentenvariante statt encodeURI: Letzteres erhält URL-Strukturzeichen und ist falsch für die Kodierung von Werten, die innerhalb eines Abfrageparameters stehen.
Anwendungsfälle
- Query-Strings für API-Anfragen erstellen
- Prozentkodierte URLs in Browser-Netzwerktabs debuggen
- Benutzerwerte vor dem Anhängen an URLs kodieren
- Umleitungsziele oder OAuth-Callback-Parameter dekodieren
Häufig gestellte Fragen
- Was ist der Unterschied zwischen encodeURI und encodeURIComponent?
- encodeURI erhält URL-Syntaxzeichen wie &, ?, =, /, und #, also ist es für ganze URLs. encodeURIComponent kodiert sie ebenfalls, was du willst, wenn du einen einzelnen Abfrageparameterwert baust. Dieses Tool verwendet die Komponentenvariante.
- Warum wird Leerzeichen zu %20 und nicht +?
- Beide sind in verschiedenen Kontexten gültig: %20 ist RFC 3986-Standard für URLs und funktioniert überall; + ist eine ältere Form-Kodierungs-Abkürzung. Das Tool verwendet %20 der Sicherheit halber.
- Kann ich eine ganze URL kodieren?
- Ja, aber die Schrägstriche, der Abfragetrenner und der Fragment-Marker werden ebenfalls kodiert. Um eine ganze URL unverändert hin- und herzuwandern, kodiere jeden Abfrageparameterwert separat.
- Funktioniert es mit Nicht-ASCII-Text?
- Ja. Nicht-ASCII-Zeichen werden zuerst als UTF-8-Bytes kodiert und dann wird jedes Byte prozentual kodiert — die Standardbehandlung.
- Warum bekomme ich einen Dekodierungsfehler?
- Ein einsames %-Zeichen, dem keine zwei hexadezimalen Ziffern folgen, wird fehlschlagen. Überprüfe auf abgeschnittene oder doppelt dekodierte Eingabe.