URL Online kodieren und dekodieren – kodierenURIKomponente & kodierenURI

Escape reservierte Zeichen für Links und HTTP-Anfragen. Wechseln Sie zwischen strikter Komponentenkodierung (encodeURIComponent) und sanfterer vollständiger URL-Kodierung (encodeURI). Symmetrisches Dekodieren zum Debuggen von Abfragezeichenfolgen.

Laden…
URL-Encoder und -Decoder – Abfragezeichenfolgen im Vergleich zu vollständigen URLs
Moderne Browser stellen die Komponente encodeURI zum Isolieren von Parameterschlüsseln und -werten bereit, während encodeURI auf ganze Href-Strings abzielt, die noch :, ?, # und andere Struktursymbole intakt benötigen. FastMinify spiegelt beide APIs wider, sodass Sie das Backend-Verhalten beim Debuggen von T3⟧ reproduzieren können.

Auswahl des richtigen Kodierungsmodus

Die Kodierungskomponente spiegelt die KodierungURIKomponente wider: Leerzeichen werden zu %20, Schrägstriche werden zu %2F, kaufmännische Und-Zeichen werden zu %26. Perfekt, wenn Sie Abfragepaare programmgesteuert erstellen oder Analyse-URLs zurückentwickeln. Codierung URI spiegelt CodierungURI wider: Reservierte Strukturzeichen bleiben unberührt, während Unicode-Codepunkte weiterhin prozentuale Escapezeichen erhalten. Decode führt die inverse Transformation mit decodeURIComponent bzw. decodeURI durch.

encodeURIComponent vs encodeURI Spickzettel

Greifen Sie nach encodeURIComponent, wenn Sie Fetch-Abfragezeichenfolgen, OAuth-Bereiche oder Analysenutzlasten füllen – alles innerhalb von ?key=value-Paaren. Reservieren Sie die CodierungURI zum Bereinigen eines fast vollständigen URL, ohne Trennzeichen zu verfälschen. Wenn Sie sich nicht sicher sind, ist der Komponentenmodus die sicherere Standardeinstellung für isolierte Zeichenfolgen.

Schnelle Vergleiche

encodeURIKomponente für Parameter

Beispieleingabe

https://api.example.com/v2/search?q=hello world&filter=a&b&category=home office&price=$100&currency=USD&region=eu-west-1&sort=relevance&page=2&trace=abc123

Beispielausgabe

https%3A%2F%2Fapi.example.com%2Fv2%2Fsearch%3Fq%3Dhello%20world%26filter%3Da%26b%26category%3Dhome%20off ice%26price%3D%24100%26currency%3DUSD%26region%3Deu-west-1%26sort%3Drelevance%26page%3D2%26trace%3Dabc123

encodeURI behält das URL-Gerüst bei

Beispieleingabe

https://shop.example.com/catalog?tag=sale%20items&sort=price

Beispielausgabe

https://shop.example.com/catalog?tag=sale%2520items&sort=price

Entdecken Sie benachbarte Tools

Binäre Nutzlasten fahren oft neben URLs – verwenden Sie den Base64-Encoder. Escaping-Markup vor dem Einfügen von Zeichenfolgen in Vorlagen gehört zum HTML-Entitäten-Dienstprogramm, und der Versand komprimierter Pakete bleibt über die CSS-Minifizierung problemlos.

URL häufig gestellte Fragen zur Kodierung

Verfestigen Sie das prozentuale Codierungsverhalten, bevor Sie APIs berühren

Warum ist encodeURIComponent throw URI fehlerhaft?

decodeURIKomponente zeigt Fehler an, wenn Prozentsequenzen unvollständig sind (% allein) oder auf ungültige UTF-8 Bytes verweisen.

Sollten Leerzeichen zu + oder %20 werden?

encodeURIKomponente ergibt %20. Application/x-www-form-urlcodierte Parser übersetzen manchmal + in Leerzeichen – standardisieren Sie %20, wenn Sie REST-Nutzlasten generieren.

Schützt encodeURI XSS?

Nein – escaping URLs verhindert die Trennung von Trennzeichen, ersetzt jedoch niemals die kontextbezogene HTML-Kodierung.

Kann ich ganze UTF-8-Pfade kodieren?

Ja – encodeURIComponent kodiert außerhalb von ASCII automatisch und behält dabei Ersatzpaare bei.

Protokolliert FastMinify URLs?

Es findet kein Server-Roundtrip statt. alles wird lokal ausgeführt.

Wann sollte ich decodeURIComponent verwenden?

Verwenden Sie es, um von encodeURIComponent erzeugte Zeichenfolgen umzukehren – normalerweise Abfrageparameternamen und -werte –, bevor Sie sie anzeigen oder neu codieren.

Verarbeitet das Tool Nicht-ASCII-Text?

Ja. UTF-8-Sequenzen werden auf die gleiche Weise prozentual codiert wie moderne Browser, bevor eine Anfrage den Client verlässt.

Kann ich encodeURI und encodeURIComponent mischen?

Normalerweise wählen Sie eine Strategie pro Ebene: encodeURI für eine fast vollständige href, encodeURIComponent für jeden Schlüssel und Wert, den Sie an die Abfragezeichenfolge anhängen.

Suchen Sie nach Konvertern, Encodern, Formatierern und Minifiern an einem Ort? Hub für Entwicklertools Öffnen Sie den kuratierten Entwicklertools-Katalog.