Tiny Online Tools
Kodieren Sie URLs passend zum jeweiligen Kontext
URL-Kodierung wirkt einfach, bis reservierte Zeichen eine Query-String oder einen Pfad zerstören. Dieses Tool hilft Ihnen bei der Wahl zwischen der Kodierung eines einzelnen Bestandteils und einer vollständigen URL, denn encodeURIComponent und encodeURI lassen absichtlich unterschiedliche Zeichen stehen. Wenn Sie beides lokal im Browser testen, sehen Sie genau, wie Leerzeichen, Und-Zeichen, Gleichheitszeichen, Rauten und Schrägstriche behandelt werden, bevor Sie das Ergebnis in Code oder eine API-Anfrage übernehmen.
Warum der Unterschied wichtig ist
Ein Query-Parameter braucht eine strengere Kodierung als eine ganze URL. Wenn Sie zu viel kodieren, kann die Struktur des Links kaputtgehen. Wenn Sie zu wenig kodieren, kann ein Server einen Wert an der falschen Stelle auftrennen oder Sonderzeichen als Trenner interpretieren. Das Tool macht diesen Unterschied sichtbar, sodass Sie erkennen, ob Sie einen Parameter, ein Pfadsegment oder eine komplette Adresse vorbereiten.
Praktischer Ablauf
Am besten fügen Sie einen Beispielwert ein, vergleichen die komponenten-kodierte und die vollständige URL-kodierte Ausgabe und wählen dann die Variante, die zu Ihrem Anwendungsfall passt. Das ist besonders nützlich bei Fetch-Anfragen, Formularen oder Deep Links mit dynamischen Werten. Wenn die Ausgabe immer noch überraschend wirkt, enthält die Ausgangszeichenfolge oft Zeichen, die eine andere Kodierungsstrategie brauchen. Zwei Ausgaben nebeneinander zu sehen ist meist der schnellste Weg, kaputte Links zu vermeiden.