Du holst eine URL aus den Server-Logs und sie sieht so aus: https://example.com/search?q=hello%20world&redirect=https%3A%2F%2Fother.com%2Fpath. Du musst die Query-Parameter lesen, aber die Prozentkodierung macht es auf einen Blick fast unmöglich. Also fügst du sie in ein Browser-Tool ein, dekodierst sie, liest das Ergebnis und kodierst dann eine geänderte Version neu, um etwas zu testen. Zwei Umwege über eine Website für etwas, das eine triviale Operation sein sollte.
URL-Kodierung ist etwas, mit dem Entwickler ständig zu tun haben, aber selten darüber nachdenken — bis ein fehlerhafter Redirect, ein fehlgeformter Query-String oder ein doppelt kodierter Parameter aus einer Fünf-Minuten-Aufgabe eine einstündige Debugging-Sitzung macht.
Wenn URL-Kodierung echte Probleme verursacht
Doppelte Kodierung ist die klassische Falle. Eine URL wird einmal von deiner Anwendung kodiert und nochmal von einer Middleware-Schicht, wodurch aus %20 ein %2520 wird. Um das zu diagnostizieren, musst du die URL Schritt für Schritt dekodieren und genau sehen, wo die zusätzliche Kodierung hineingekommen ist. Das im Terminal mit python3 -c "import urllib.parse; print(urllib.parse.unquote('...'))" zu machen funktioniert, ist aber langsam und fehleranfällig bei langen URLs.
Kodierungsfehler brechen auch OAuth-Flows, Webhook-URLs und API-Callbacks, bei denen die Redirect-URI exakt übereinstimmen muss. Schnell kodieren und dekodieren zu können, lässt dich vergleichen, was deine App sendet versus was der Server erwartet.
URLs sofort kodieren und dekodieren
Bellows enthält einen URL-Kodierer und -Dekodierer unter seinen 41 Entwickler-Tools. Füge eine kodierte URL ein, um die lesbare Version zu sehen. Tippe eine normale URL ein, um die korrekt kodierte Ausgabe zu erhalten. Wechsle zwischen Kodieren und Dekodieren mit einem Klick, und das Ergebnis aktualisiert sich in Echtzeit.
Redirects debuggen
OAuth- und SSO-Flows übergeben Redirect-URIs als URL-kodierte Query-Parameter. Wenn ein Redirect fehlschlägt, ist der erste Schritt, die URL zu dekodieren, um zu prüfen, ob das Ziel mit deinem registrierten Callback übereinstimmt. Ein lokales Tool bedeutet, dass du das tun kannst, ohne deine IDE zu verlassen oder potenziell sensible Callback-URLs in eine öffentliche Website einzufügen.
Arbeit mit Query-Strings
APIs, die komplexe Filter oder Suchanfragen über URL-Parameter akzeptieren, erfordern oft eine sorgfältige Kodierung von Sonderzeichen wie &, =, + und Leerzeichen. Ein dedizierter Kodierer stellt sicher, dass du die richtige Ausgabe bekommst, ohne raten zu müssen, welche Zeichen in deinem spezifischen Kontext escaped werden müssen.