So funktioniert es
- Wählen Sie „Codieren“ oder „Decodieren“.
- Wählen Sie den Modus – „Komponente“ für einen einzelnen Parameterwert, „Vollständige URL“, um die URL-Struktur zu erhalten, oder „Formular (+ für Leerzeichen)“ für HTML-Formulardaten, bei denen Leerzeichen zu + werden.
- Fügen Sie Ihren Text ein. Das Ergebnis aktualisiert sich während der Eingabe.
- Ist die Eingabe eine URL, werden darunter Protokoll, Host, Pfad und Query-Parameter aufgelistet.
Optionen erklärt
- Komponente
- Codiert alles außer Buchstaben, Ziffern und - _ . ~ – für den Wert eines Query-Parameters oder ein Pfadsegment. Entspricht encodeURIComponent, zusätzlich werden ! ' ( ) * codiert, die RFC 3986 reserviert.
- Vollständige URL
- Lässt die Zeichen unverändert, die einer URL ihre Struktur geben (: / ? # & =), und codiert Leerzeichen und Nicht-ASCII-Zeichen. Entspricht encodeURI in JavaScript.
- Formular
- application/x-www-form-urlencoded, wie von HTML-Formularen verwendet. Leerzeichen werden zu + statt %20; beim Decodieren wird + wieder zu einem Leerzeichen.
Beispiele
| Eingabe | Komponente | Vollständige URL | Formular |
|---|---|---|---|
a b&c |
a%20b%26c |
a%20b&c |
a+b%26c |
café |
caf%C3%A9 |
caf%C3%A9 |
caf%C3%A9 |
https://x.com/?q=1 2 |
https%3A%2F%2Fx.com%2F%3Fq%3D1%202 |
https://x.com/?q=1%202 |
https%3A%2F%2Fx.com%2F%3Fq%3D1+2 |
URL mit Parametern zusammensetzen
Wenn Sie Benutzereingaben in einen Query-String einfügen, codieren Sie jeden Wert einzeln:
const url = `https://example.com/search?q=${encodeURIComponent(query)}&page=2`;Würden Sie erst am Ende die ganze URL codieren, blieben & und = innerhalb des Werts uncodiert und die Parameter wären kaputt.
Häufig gestellte Fragen
Was ist der Unterschied zwischen %20 und +?
Beide können ein Leerzeichen darstellen, aber an unterschiedlichen Stellen. %20 funktioniert überall in einer URL; + bedeutet nur im Query-String von Formularübermittlungen ein Leerzeichen. Im Pfad ist + ein echtes Pluszeichen.
Warum ist mein Text doppelt codiert (%2520)?
Er wurde zweimal codiert – das % von %20 wurde selbst als %25 codiert. Decodieren Sie ihn zweimal und sorgen Sie in Ihrem Code dafür, dass nur eine Ebene den Wert codiert.
Wann verwende ich encodeURI und wann encodeURIComponent?
Verwenden Sie encodeURIComponent (Modus „Komponente“) für jeden Parameterwert, den Sie in eine URL einsetzen. encodeURI („Vollständige URL“) ist nur für eine komplette URL gedacht, die Leerzeichen oder Nicht-ASCII-Zeichen enthalten kann.
Was bedeutet „Fehlerhafte Prozent-Codierung“?
Auf ein % folgen keine zwei Hexadezimalziffern, oder die Bytes ergeben kein gültiges UTF-8. Die Meldung zeigt die Position der ersten fehlerhaften Sequenz.
Wie werden Umlaute und chinesische Zeichen in URLs codiert?
Jedes Zeichen wird in UTF-8-Bytes umgewandelt und jedes Byte als %XX geschrieben. So wird ä zu %C3%A4 und 中 zu %E4%B8%AD.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.