URL-Encoder / Decoder

Sonderzeichen in URLs codieren oder prozentcodierte Zeichenfolgen decodieren. Alles bleibt in Ihrem Browser.

So funktioniert URL-Encoder / Decoder

URL Encoder/Decoder konvertiert Zeichenketten in und aus der Prozentkodierung (auch URL-Kodierung genannt), dem Format, das RFC 3986 für das sichere Einbinden von Sonderzeichen in URLs verlangt. Fügen Sie eine Rohzeichenkette ein, um sie zu kodieren, oder fügen Sie eine prozentkodierte Zeichenkette ein, um sie in lesbares Format zurückzukonvertieren. Die Konvertierung läuft vollständig im Browser über JavaScripts encodeURIComponent und decodeURIComponent; nichts, was Sie tippen, verlässt Ihr Gerät.

URL-Kodierung ist immer dann wichtig, wenn Sie Query-Parameter, Weiterleitungs-URIs oder kanonische Links programmatisch aufbauen. Ein Leerzeichen wird zu %20, ein kaufmännisches Und zu %26, eine Raute zu %23 und so weiter. Kodierung gilt auch für internationalisierte Domainnamen und Nicht-ASCII-Zeichen in Pfadsegmenten. Dieses Tool bietet auch den encodeURI-Modus zum Kodieren vollständiger URIs, wobei strukturelle Zeichen wie '/', '?' und '#' erhalten bleiben.

Verfasst von Bastien Sulyan

So wird URL-Encoder / Decoder verwendet, Schritt für Schritt

Fügen Sie den Text, den Sie kodieren oder dekodieren möchten, in das Eingabefeld ein.
Wählen Sie „Kodieren“, um den Text prozentzukodieren, oder „Dekodieren“, um die Kodierung umzukehren.
Wählen Sie den Modus „encodeURIComponent“ für Query-Parameter-Werte oder den Modus „encodeURI“ für vollständige URIs.
Kopieren Sie das Ergebnis aus dem Ausgabebereich.

Häufige Anwendungsfälle

Ein Entwickler, der eine Such-Weiterleitungs-URL aufbaut, muss die Abfragezeichenkette prozentkodieren, damit Sonderzeichen die URL-Struktur nicht beschädigen.
Ein API-Integrator erhält eine prozentkodierte Callback-URL in einer Webhook-Nutzlast und muss sie dekodieren, um die Zieladresse zu prüfen.
Eine Redakteurin kopiert eine URL mit Sonderzeichen aus dem Browser und muss sie für einen Markdown-Link kodieren.
Ein QA-Ingenieur testet einen Eingabevalidierungs-Endpunkt, indem er Grenzzeichen wie '<', '>' und '&' vor dem Absenden kodiert.

Häufig gestellte Fragen

Was ist der Unterschied zwischen encodeURIComponent und encodeURI?

encodeURIComponent kodiert alles außer Buchstaben, Ziffern und den Zeichen - _ . ! ~ * ' ( ). Es ist für die Kodierung einzelner Komponenten wie Query-Parameter-Werte gedacht. encodeURI lässt strukturelle URI-Zeichen (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) unkodiert, da es davon ausgeht, dass die Eingabe eine vollständige URI ist. Verwenden Sie encodeURIComponent für Werte, encodeURI für vollständige URLs.

Wird der hier eingefügte Text an einen Server übertragen?

Nein. Kodierung und Dekodierung rufen JavaScripts eingebaute encodeURIComponent- und decodeURIComponent-Funktionen auf, die vollständig in der JavaScript-Engine des Browsers laufen. Nichts, was Sie hier tippen, wird gesendet.

Warum wird ein Leerzeichen manchmal zu '+' statt zu '%20'?

Die '+'-Notation für Leerzeichen stammt aus dem älteren application/x-www-form-urlencoded-Format, das bei HTML-Formularübertragungen verwendet wird, welches sich von der RFC-3986-Prozentkodierung unterscheidet. Dieses Tool verwendet strenge RFC-3986-Prozentkodierung, daher werden Leerzeichen zu %20. Wenn Ihr Zielsystem '+' für Leerzeichen erwartet, müssen Sie %20 nach der Kodierung manuell durch '+' ersetzen.

Kann ich eine vollständige URL einschließlich der Abfragezeichenkette auf einmal kodieren?

Ja, mit dem Modus „encodeURI“. Dieser Modus bewahrt '/', '?', '=', '&', '#' und andere strukturelle URL-Zeichen, während er Nicht-ASCII- und reservierte Zeichen in Segment- oder Parameterwerten kodiert. Verwenden Sie „encodeURIComponent“ nur für einzelne Parameterwerte, nicht für die vollständige URL.

Verarbeitet dieses Tool Unicode-Zeichen und Emoji?

Ja. JavaScripts encodeURIComponent wandelt das Zeichen zuerst in seine UTF-8-Bytesequenz um und prozentkodiert dann jedes Byte. Ein Emoji wie Daumen hoch kodiert zu einer Mehrbytesequenz wie %F0%9F%91%8D. Das Dekodieren kehrt den Vorgang korrekt um.

Anleitungen und Artikel zu diesem Tool

Daten privat kodieren und dekodieren