← Zurück zu den Funktionen
Free

URL Kodierer / Dekodierer

Der URL-Kodierer/Dekodierer konvertiert URL-Strings in ihre Prozent-kodierte Form und zurück. Wählen Sie zwischen encodeURIComponent (aggressiv) und encodeURI (bewahrt die URL-Struktur), passend zu Ihrem Anwendungsfall – beim Debuggen von Query-Parametern, dem Erstellen sicherer URLs oder der Inspektion kodierter Links.

Beim Erstellen von URLs mit Benutzereingaben, Query-Strings oder internationalen Zeichen benötigen Sie eine korrekte Prozent-Kodierung, um Fehler zu vermeiden. Dieses Tool verarbeitet beide Richtungen sofort. Wählen Sie encodeURIComponent, wenn Sie einen einzelnen Parameterwert kodieren (kodiert ? / & = # usw.), oder encodeURI, wenn Sie die URL-Struktur beibehalten möchten (kodiert nur wirklich unsichere Zeichen). Die Dekodierung funktioniert sowohl mit Standard-Prozent-Kodierung als auch mit doppelt kodierten Strings. Die Echtzeit-Konvertierung bedeutet, dass Sie die Ausgabe sofort bei der Eingabe sehen, und beide Modi können umgeschaltet werden, um die Richtigkeit der Konvertierung zu überprüfen. Kein Server-Roundtrip – alles passiert lokal in Ihrem Browser.

Live-Vorschau
example.com
URL Encodierer / Decodierer encodeURIComponent encodeURI
Eingabe
https://example.com/search?q=hello world&lang=en
Encodierte Ausgabe
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den
Kopieren
Hauptmerkmale

Zwei Kodierungsmodi

Wählen Sie encodeURIComponent für sichere Parameterwerte (kodiert ? / & = usw.) oder encodeURI für vollständige URLs (bewahrt die Struktur, kodiert nur unsichere Zeichen).

Intelligente Dekodierung

Dekodiert prozent-kodierte Strings, einschließlich Nicht-ASCII-Zeichen, UTF-8-Multibyte-Sequenzen und Emojis. Verarbeitet doppelt kodierte Eingaben problemlos.

Ein-Klick-Kopie

Kopieren Sie die kodierte oder dekodierte Ausgabe sofort in die Zwischenablage – kein manuelles Markieren erforderlich.

Echtzeit-Konvertierung

Die Ausgabe aktualisiert sich live während der Eingabe. Kein Klick auf „Kodieren“ nötig – sehen Sie sofortige Ergebnisse bei jeder Änderung.

Nebeneinander-Ansicht

Eingabe und Ausgabe erscheinen in deutlich gekennzeichneten Fenstern, sodass Sie Vorher/Nachher auf einen Blick vergleichen können.

Verarbeitet Sonderfälle

Kodiert Leerzeichen, Anführungszeichen, Unicode, reservierte Zeichen und schwierige Sequenzen, die bei einfacher Textersetzung zu Fehlern führen würden, korrekt.

Häufige Anwendungsfälle

Debugging von Query-Parametern

Fügen Sie eine defekte URL mit unleserlichen Parametern ein, um sie in lesbare Werte zu dekodieren – identifizieren Sie so schnell, was tatsächlich gesendet wurde.

Erstellen sicherer URLs

Kodieren Sie Benutzereingaben (Namen, Suchanfragen, Dateipfade), bevor Sie diese an eine URL anhängen, um Injektions- und Parsing-Fehler zu vermeiden.

Inspektion von Analyse-Links

Dekodieren Sie mit UTM-Tags versehene Marketing-URLs, um die tatsächlichen Werte für Kampagne, Quelle und Medium zu sehen, ohne rohe prozent-kodierte Strings lesen zu müssen.

Testen internationalisierter URLs

Kodieren Sie URLs mit Nicht-Latein-Zeichen (Chinesisch, Arabisch, Hebräisch), um sicherzustellen, dass sie für die Übertragung korrekt prozent-kodiert sind.

OAuth-Redirect-Debugging

Dekodieren Sie OAuth-Redirect-URIs mit verschachtelten kodierten Parametern, um zu verfolgen, was zwischen Providern und Apps übertragen wird.

Anwendung
1

URL-Kodierer öffnen

Klicken Sie auf das URL-Symbol im DevSuite Pro Dock. Ein Editor mit zwei Fenstern und Umschaltfunktionen für Kodieren und Dekodieren öffnet sich.

2

URL oder String einfügen

Fügen Sie die URL, den Query-Parameter oder den kodierten String ein. Das Tool funktioniert für ganze URLs oder einzelne Parameterwerte.

3

Kodierungsmodus wählen

Nutzen Sie encodeURIComponent für Parameterwerte. Für eine vollständige URL (bei der /, ?, & erhalten bleiben sollen), nutzen Sie encodeURI.

4

Ergebnis lesen

Die konvertierte Ausgabe erscheint sofort im benachbarten Fenster. Kodierte Zeichen werden als %XX-Sequenzen angezeigt; die dekodierte Ausgabe gibt die lesbare Originalform zurück.

5

Kopieren & Verwenden

Klicken Sie auf Kopieren, um das Ergebnis in Ihre Zwischenablage zu senden. Fügen Sie es in Ihren Code, die Anfrage-URL oder Ihre Dokumentation ein.

Bereit zum Ausprobieren?

Installieren Sie DevSuite Pro kostenlos und schalten Sie 64+ Entwickler-Tools für Ihren Browser frei.

Zu Chrome hinzufügen Zu Edge hinzufügen Zu FireFox hinzufügen