URL-Encoder & Decoder

So verwenden Sie den URL-Encoder & Decoder

Geben Sie einen beliebigen Text in das Eingabefeld ein oder fuegen Sie ihn ein, und klicken Sie auf Kodieren, um ihn in ein URL-kodiertes Format umzuwandeln. Das Tool bietet gleichzeitig zwei Ausgabeformate: Komponenten-kodiert verwendet das Aequivalent von JavaScripts encodeURIComponent(), das alle Sonderzeichen einschliesslich URL-Trennzeichen wie /, ? und # kodiert. Vollstaendig URL-kodiert verwendet das Aequivalent von encodeURI(), das URL-Strukturzeichen bewahrt und alles andere kodiert. Um den Vorgang umzukehren, fuegen Sie kodierten Text in das Eingabefeld ein und klicken Sie auf Dekodieren. Beide Ausgabefelder zeigen dasselbe dekodierte Ergebnis.

Das Statistik-Raster unter der Ausgabe zeigt die Zeichenlaenge und Byte-Groesse von Eingabe und Ausgabe und hilft Ihnen zu verstehen, wie die Kodierung die Datengroesse beeinflusst. Jedes Ausgabefeld hat eine eigene Kopieren-Schaltflaeche fuer schnellen Zugriff auf die Zwischenablage. Dieses Tool laeuft vollstaendig in Ihrem Browser, ohne dass Daten an einen Server gesendet werden.

Was ist URL-Kodierung?

URL-Kodierung, formal als Prozentkodierung bekannt, ist in RFC 3986 als Mechanismus zur Darstellung von Zeichen in einem Uniform Resource Identifier (URI) definiert, die in der URI-Syntax nicht erlaubt sind. URLs koennen nur eine begrenzte Menge von ASCII-Zeichen enthalten: Buchstaben, Ziffern und eine Handvoll Sonderzeichen (- _ . ~), die als nicht reservierte Zeichen bekannt sind. Jedes andere Zeichen muss als Prozentzeichen gefolgt von zwei Hexadezimalziffern kodiert werden, die seinen Byte-Wert darstellen. Ein Leerzeichen wird beispielsweise als %20 kodiert, ein Kaufmannsund als %26 und ein Pluszeichen als %2B.

Reservierte Zeichen wie : / ? # [ ] @ ! $ & ' ( ) * + , ; = haben in URLs eine besondere strukturelle Bedeutung. Wenn diese Zeichen als Daten und nicht als Trennzeichen erscheinen, muessen sie prozentkodiert werden. Wenn beispielsweise eine Suchabfrage ein Kaufmannsund enthaelt, muss es als %26 kodiert werden, damit es nicht als Parametertrenner interpretiert wird.

encodeURIComponent vs. encodeURI

JavaScript bietet zwei integrierte Funktionen fuer die URL-Kodierung, die jeweils einem anderen Zweck dienen. encodeURIComponent() kodiert alle Zeichen ausser nicht reservierten Zeichen (A-Z, a-z, 0-9, - _ . ~). Dies macht es ideal fuer die Kodierung einzelner URL-Komponenten wie Abfrageparameterwerte, Pfadsegmente oder Fragment-Identifikatoren. Es kodiert Zeichen wie / ? # & =, da diese die Struktur zerstoeren wuerden, wenn sie innerhalb eines Komponentenwerts unkodiert blieben.

encodeURI() kodiert eine vollstaendige URI und bewahrt dabei die Zeichen, die einer URL ihre Struktur geben: : / ? # [ ] @ ! $ & ' ( ) * + , ; =. Verwenden Sie es, wenn Sie eine vollstaendige URL haben, die moeglicherweise Nicht-ASCII-Zeichen enthaelt (wie akzentuierte Buchstaben oder Leerzeichen im Pfad), deren strukturelle Trennzeichen aber erhalten bleiben sollen. Zum Beispiel kodiert encodeURI("https://example.com/pfad mit leerzeichen") korrekt nur die Leerzeichen, waehrend die Trennzeichen :// und / erhalten bleiben.

Leerzeichen: + vs. %20

Die Behandlung von Leerzeichen in URLs folgt zwei Konventionen. Der Prozentkodierungsstandard (RFC 3986) kodiert Leerzeichen als %20, und dies ist die korrekte Kodierung fuer Pfadsegmente und Fragment-Identifikatoren. Das Format application/x-www-form-urlencoded, das von HTML-Formularen bei der Datenuebeermittlung per GET oder POST verwendet wird, kodiert Leerzeichen als +. Dieses Format ist in der HTML-Spezifikation definiert und wird von Browsern verwendet, wenn Formulardaten in Abfragezeichenketten serialisiert werden. Sowohl %20 als auch + sind gueltige Darstellungen eines Leerzeichens, gehoeren aber zu unterschiedlichen Kontexten. Wenn Sie URLs programmatisch erstellen, bevorzugen Sie %20 fuer Konsistenz mit RFC 3986.

Haeufige Anwendungsfaelle

URL-Kodierung ist in vielen Webentwicklungsszenarien unverzichtbar. Beim Erstellen von URLs mit dynamischen Abfrageparametern muss jeder Parameterwert kodiert werden, um zu verhindern, dass Sonderzeichen die URL-Struktur zerstoeren. API-Anfragen erfordern haeufig die Kodierung von Parameterwerten, insbesondere bei der Uebermittlung von benutzergenerierten Inhalten, Suchbegriffen oder Dateinamen. Weiterleitungs-URLs, die als Abfrageparameter eingebettet sind, muessen vollstaendig kodiert werden, damit das gesamte Weiterleitungsziel als einzelner Wert behandelt wird. Formulardaten, die in GET-Anfragen gesendet werden, werden von Browsern automatisch URL-kodiert, aber serverseitiger Code muss Werte oft kodieren, wenn URLs fuer Weiterleitungen, API-Aufrufe oder Link-Generierung erstellt werden.

Ein weiteres haeufiges Szenario ist die Kodierung von Daten fuer die Verwendung in data:-URIs, Bookmarklets und JavaScript-location.href-Zuweisungen. Die Kodierung ist auch kritisch beim Erstellen von OAuth-Signaturen, HMAC-signierten URLs und jeder sicherheitsrelevanten URL-Manipulation, bei der eine fehlerhafte Kodierung zu Signaturabweichungen oder Injection-Schwachstellen fuehren koennte.

Haeufig gestellte Fragen

Was ist URL-Kodierung?

URL-Kodierung (Prozentkodierung) wandelt in URLs nicht erlaubte Zeichen in ein Prozentzeichen gefolgt von zwei Hexadezimalziffern um. Leerzeichen werden zu %20, Kaufmannsund wird zu %26.

Was ist der Unterschied zwischen encodeURI und encodeURIComponent?

encodeURI bewahrt URL-Strukturzeichen wie :, /, ? und #. encodeURIComponent kodiert alles ausser nicht reservierten Zeichen und eignet sich daher zum Kodieren einzelner Abfrageparameterwerte.

Warum werden Leerzeichen als + oder %20 kodiert?

Das Format application/x-www-form-urlencoded verwendet + fuer Leerzeichen bei Formularuebermittlungen. Der RFC-3986-Standard verwendet %20. Beide sind in unterschiedlichen Kontexten gueltig.

Wann sollte ich Text URL-kodieren?

Immer wenn Sie Benutzereingaben oder Sonderzeichen in Abfrageparameter, Pfadsegmente oder Fragment-Identifikatoren einfuegen. Dies verhindert, dass Zeichen wie & und = als URL-Trennzeichen interpretiert werden.

Kann ich eine gesamte URL URL-kodieren?

Nein. Das Kodieren einer gesamten URL wuerde Strukturzeichen wie :// und / maskieren und die URL ungueltig machen. Kodieren Sie nur einzelne Komponenten wie Parameterwerte und Pfadsegmente.