URL-Kodierung/Dekodierung
URLs kodieren oder dekodieren und abfragen Zeichenfolgen
Was ist URL? Codierung?
URL-Kodierung (auch Prozentkodierung genannt) konvertiert Sonderzeichen in ein Format, das dies kann sicher in URLs übertragen werden. Da URLs nur eine begrenzte Menge an ASCII-Zeichen enthalten können, Jedes Zeichen außerhalb dieses Satzes muss als „%“ gefolgt von zwei hexadezimalen Ziffern codiert werden stellt den ASCII-Wert des Zeichens dar.
Beispielsweise wird ein Leerzeichen zu %20und das @
Symbol wird zu %40. Das sorgt dafür
URLs bleiben gültig und Sonderzeichen beeinträchtigen die URL-Struktur nicht (wie & und =).
in Abfragezeichenfolgen).
Verwendung dieses Tools
Codieren vs Kodierungskomponente
- Kodierung (encodeURI): Kodiert eine vollständige URL, wobei gültige URL-Zeichen wie :, /, ?, = und & erhalten bleiben.
- Kodierungskomponente (encodeURIComponent): Kodiert alles außer Buchstaben, Ziffern und - _ . ! ~ * ' ( ). Verwenden Sie dies für die Abfrage Parameterwerte.
- Dekodieren: Konvertiert prozentcodierte Zeichenfolgen zurück zum lesbaren Text
Häufige Anwendungsfälle
🔗 Abfragezeichenfolgenparameter
Bei der Übergabe von Benutzereingaben über URL-Parameter verhindert die Codierung die Verwendung von Sonderzeichen Durchbrechen der URL-Struktur. Beispielsweise muss „name=John Doe&city=New York“ kodiert werden für Räume.
📧 E-Mail-Links (mailto:)
Beim Erstellen von Mailto-Links mit Betreffzeilen oder Textkörper, Sonderzeichen und Leerzeichen müssen codiert werden, damit sie in allen E-Mail-Clients ordnungsgemäß funktionieren.
🔐 API Anfragen
REST-APIs erfordern häufig die URL-Codierung von Parameterwerten, insbesondere beim Senden von JSON Daten, Authentifizierungstokens oder Suchanfragen über GET-Anfragen.
📊 Analytics & Tracking
UTM-Parameter und Tracking-Codes enthalten häufig codierte Werte, um genaue Daten sicherzustellen Übertragung ohne URL-Parsing-Fehler.
Gemeinsame Zeichenkodierungen
| Character | Encoded | Description |
|---|---|---|
| (space) | %20 or
+ |
Space character |
| & | %26 |
Ampersand |
| = | %3D |
Equals sign |
| ? | %3F |
Question mark |
| / | %2F |
Forward slash |
| @ | %40 |
At symbol |
| # | %23 |
Hash/pound |
| % | %25 |
Percent sign |
Häufig gestellte Fragen
Was ist der Unterschied? zwischen encodeURI und encodeURIComponent?
encodeURI()
kodiert eine vollständige URL und behält Zeichen wie :, /, ? und & bei. encodeURIComponent()
kodiert alles und eignet sich daher für die Kodierung einzelner Abfrageparameterwerte.
Soll ich %20 oder + für verwenden? Leerzeichen?
Beide stellen Leerzeichen dar, aber %20 ist die Standard-URL-Kodierung, während + spezifisch für Formulardaten ist (application/x-www-form-urlencoded). Bei Abfragezeichenfolgen funktioniert beides, aber %20 ist mehr universell kompatibel.
Sind meine Daten wann sicher? Verwenden Sie dieses Tool?
Ja! Die gesamte Kodierung und Dekodierung erfolgt in Ihrem Browser mithilfe von JavaScript. Ihre Daten niemals verlässt Ihr Gerät und wird niemals an einen Server gesendet.
Warum erhalte ich „Fehler: URI missgebildet“?
Dieser Fehler tritt auf, wenn versucht wird, eine ungültige prozentcodierte Sequenz zu dekodieren. Stellen Sie sicher, dass die Die Eingabe enthält eine gültige Codierung (% gefolgt von genau zwei Hexadezimalziffern).
Best Practices
- Verschlüsseln Sie Benutzereingaben immer, bevor Sie sie in URLs einfügen.
- Verwenden Sie encodeURIComponent für Abfrageparameterwerte und encodeURI für vollständige URLs.
- Decodieren Sie URLs, bevor Sie sie Benutzern zur besseren Lesbarkeit anzeigen.
- Achten Sie auf eine konsistente Codierung in Ihrer gesamten Anwendung.
- Testen Sie URLs mit Sonderzeichen in verschiedenen Browsern