URL Online dekodieren – dekodierenURIKomponente & dekodierenURI

Machen Sie die Prozentkodierung in Abfragezeichenfolgen und URLs rückgängig. Das Tool öffnet sich im Modus Dekodieren. Wählen Sie den Bereich Komponente, vollständige URI oder form-urlencoded und dann Konvertieren.

Laden…
URL-Encoder und -Decoder
Moderne Browser bieten encodeURIComponent, um Schlüssel und Werte von Parametern zu isolieren. Für ganze href-Zeichenfolgen, in denen :, ?, # und andere Strukturzeichen erhalten bleiben müssen, gibt es encodeURI. FastMinify bildet beide Funktionen nach, damit Sie beim Debuggen das Verhalten eines Backends nachstellen können.

Auswahl des richtigen Kodierungsmodus

Der Umfang „Abfragekomponente“ entspricht encodeURIComponent. Leerzeichen werden zu %20, Schrägstriche zu %2F und kaufmännische Und-Zeichen zu %26. Das eignet sich, um Abfragepaare im Code zu bauen oder URLs aus Analysewerkzeugen nachzuvollziehen. Der Umfang „Vollständige URL“ entspricht encodeURI. Reservierte Strukturzeichen bleiben unberührt, während Unicode-Zeichen weiterhin eine Prozentkodierung erhalten. Der Umfang „Formulardaten“ entspricht application/x-www-form-urlencoded. Er arbeitet wie die Abfragekomponente, doch Leerzeichen werden zu + statt zu %20. Das Dekodieren wendet die Umkehrung mit decodeURIComponent beziehungsweise decodeURI an. Wählen Sie Konvertieren, um es auszuführen, denn beim Tippen wird nicht automatisch umgewandelt.

Kodierungsumfang wählen

Abfragekomponente (encodeURIComponent)
Kodiert jedes reservierte Zeichen in einem einzelnen Parameternamen oder -wert. Leerzeichen werden zu %20, Schrägstriche zu %2F und kaufmännische Und-Zeichen zu %26. Nutzen Sie es für ?key=value-Paare, für OAuth oder für Analysedaten.
Vollständige URL (encodeURI)
Maskiert Unicode und unsichere Bytes und lässt die URL-Struktur unberührt. Die Zeichen :, /, ?, # und & bleiben erhalten. Nutzen Sie es, um ein fast vollständiges href zu bereinigen, ohne seine Trennzeichen zu zerstören.
Formulardaten (application/x-www-form-urlencoded)
Kodiert wie encodeURIComponent, ersetzt Leerzeichen aber durch + statt durch %20. Das entspricht der Serialisierung von HTML-<form>-Feldern in einem POST-Body, nicht dem üblichen Aufbau von Abfragezeichenfolgen in Links.

Schnelle Vergleiche

Abfragekomponente 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ärdaten reisen oft zusammen mit URLs, nutzen Sie dafür den Base64-Encoder. Zum Maskieren von Markup, bevor Sie Zeichenfolgen in Vorlagen einsetzen, dient das HTML-Entitäten-Tool, und kompakte Dateien liefern Sie mit der CSS-Minifizierung aus.

Häufige Fragen zur URL-Kodierung

Klären Sie das Verhalten der Prozentkodierung, bevor Sie APIs ansprechen

Warum löst decodeURIComponent den Fehler URI malformed aus?

decodeURIComponent meldet Fehler, wenn Prozentfolgen unvollständig sind (ein einzelnes %) oder auf ungültige UTF-8-Bytes verweisen.

Sollten Leerzeichen zu + oder %20 werden?

encodeURIComponent erzeugt %20, den üblichen Wert für REST-Abfragezeichenfolgen. Nutzen Sie den Umfang „Formulardaten“, wenn Sie + für Leerzeichen brauchen, wie in application/x-www-form-urlencoded-Bodies von HTML-Formularen.

Schützt encodeURI XSS?

Nein. Das Maskieren von URLs verhindert kaputte Trennzeichen, ersetzt aber nie die HTML-Kodierung, die zum Kontext passt.

Kann ich ganze UTF-8-Pfade kodieren?

Ja. encodeURIComponent kodiert alles außerhalb von ASCII automatisch und erhält dabei Ersatzzeichenpaare.

Protokolliert FastMinify URLs?

Nein. Es gibt keinen Weg zu einem Server, alles läuft lokal.

Wann sollte ich decodeURIComponent verwenden?

Um Zeichenfolgen umzukehren, die encodeURIComponent erzeugt hat, meist Namen und Werte von Abfrageparametern, bevor Sie sie anzeigen oder erneut kodieren.

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?

In der Regel wählen Sie eine Strategie pro Ebene. Nehmen Sie encodeURI für ein fast vollständiges href und encodeURIComponent für jeden Schlüssel und jeden Wert, den Sie an die Abfragezeichenfolge anhängen.

Kodieren oder dekodieren Sie Base64, URLs, HTML-Entities und JWTs und erzeugen Sie Hashes und HMACs in Ihrem Browser.