URL-Encoder/Decoder

URL Encoder/Decoder konvertiert Text in und aus der Prozentkodierung (auch URL-Kodierung genannt), dem von RFC 3986 definierten Escape-Schema, das das Einfügen beliebiger Zeichenfolgen in eine URL sicher macht. Zeichen wie &, =, ?, # und / haben strukturelle Bedeutung in URLs - wenn ein Abfragezeichenfolgenwert ein wörtliches „&" enthält, teilt der Server Ihren Parameter in zwei Hälften auf, es sei denn, dieses Zeichen wird als % 26 entkommen. Mit diesem Tool können Sie alle drei Kodierungsvarianten ausführen: codeURIComponent für einzelne Werte, codeURI für vollständige URLs und Anwendung/x-wwwwwwwww-form-urlencodiert für HTML-codierte Körper (Spaces als).

Die Unterscheidung zwischen Modi ist wichtiger als die meisten Tutorials zulassen. encodeUriComponent entgeht jedem reservierten Delimiter, also ist es die richtige Wahl für einen einzelnen Abfrageparameter, ein Pfadsegment oder ein in eine andere URL eingebettetes Umleitungsziel - aber wenn Sie es auf einer vollständigen URL ausführen, wird https:// https:// in https:// in https:// https:// in https://tachiert. # & =) Eine ganze URL bleibt also navigierbar, während Leerzeichen und Nicht-ASCII-Zeichen wie é oder 日本 immer noch in ihre UTF-8-Prozent-kodierte Form entkommen. Der Modus-Urlencode-Modus entspricht dem, was Browser gesendet werden, wenn Sie ein <form> senden: identisch mit encodeiComponent, außer dass Leerzeichen "+" anstelle von "%20" werden - eine Legacy-Quirk, die heute noch die API-Integrationen auslöst.

Alles läuft 100% clientseitig in Ihrem Browser mit den gleichen nativen Funktionen codeURIComponent, codeURI und decodeURIComponent, die Ihre Produktion JavaScript verwendet, sodass die Ergebnisse genau mit dem übereinstimmen, was Ihr Code erzeugen wird Nichts, was Sie einfügen - OAuth-Rückruf-URLs, signierte S3-Links, Token, Sitzungs-IDs - verlässt jemals Ihren Computer Der Decoder fängt auch fehlerhafte Eingaben (ein Streuner %, dem nicht zwei Hex-Ziffern folgen, wirft URIError in JavaScript) und meldet einen klaren Fehler, anstatt stillschweigend zu versagen.

Ein gearbeitetes Beispiel zeigt, wie sich die drei Modi dieses URL-Encoders und Decoders am selben Text unterscheiden Geben Sie cafe & creme ein und klicken Sie auf Encode mit codeURIComponent ausgewählt: die Ausgabe ist caf%C3%A9%20%26%20cr%C3%A8me. Schalten Sie den Modus auf application/x-www-form-urlencodiert und erneut kodieren, und die Leerzeichen werden +, wodurch caf%C3%A9+%26+cr%C3%A8me. Im codeURI-Modus bleibt der & so, wie er ist, da codeURI ihn als URL-Trenner behandelt, wodurch ein beliebiger Modus in einen beliebigen Wert zurückkehrt.