URL kodieren / dekodieren

Warum eine URL kodieren?

Wenn Sie manuell einen Link oder einen API-Aufruf erstellen, kann ein Parameter mit Leerzeichen, Akzenten oder Sonderzeichen (&, =, ?, /) die URL beschädigen oder vom Server falsch interpretiert werden. Das percent-Encoding ersetzt diese Zeichen durch sichere %XX-Sequenzen, die in einem Query-String, einem Header oder einem Formular übertragen werden können. Genau das macht ein Entwickler, bevor er einen Benutzerwert (Name, Adresse, Suche) in einen teilbaren Link oder eine fetch-Anfrage einfügt.

Warum enthält meine URL %20 oder %C3%A9?

Dabei handelt es sich um percent-kodierte Zeichen: %20 steht für ein Leerzeichen und %C3%A9 für ein UTF-8-kodiertes „é“. Ein Browser oder Webserver ersetzt automatisch bestimmte in einer URL nicht erlaubte Zeichen durch diese Schreibweise, um sicherzustellen, dass der Link gültig bleibt und fehlerfrei übertragen wird.

Was ist der Unterschied zwischen encodeURIComponent und encodeURI?

Dieses Tool kodiert Text auf die gleiche Weise wie encodeURIComponent: Es maskiert alle nicht-alphanumerischen Zeichen außer - _ . ~, einschließlich /, :, ?, & und =. Das ist das richtige Verhalten, um den Wert eines einzelnen Parameters zu kodieren (bevor er in einen Query-String eingefügt wird), im Gegensatz zu encodeURI, das die strukturellen Trennzeichen einer vollständigen URL erhält.

100% lokale Verarbeitung: Kodierung und Dekodierung laufen vollständig in Ihrem Browser über WebAssembly, es werden keine eingegebenen Texte an einen Server gesendet.