Enkoder / dekoder URL
URL pozwalają tylko na określone znaki ASCII bez escape — spacje, ampersandy i Unicode muszą stać się percent-encoded (%20, %26, bajty UTF-8). Koduj stringi przed budową parametrów query; dekoduj skopiowane linki, by odczytać wartości — niezbędne przy debugowaniu web dev.
Wejście
Wynik
Hello%20world
Jak kodować lub dekodować URL
1. Wybierz encode lub decode.
2. Wklej plain text lub percent-encoded komponent URL.
3. Skopiuj wynik do fetch URL lub tagu analityki.
4. Używaj encodeURIComponent dla wartości query, nie całych URL na ślepo.
Przykłady kodowania URL
Zapytanie wyszukiwania
„kawa i herbata” jako query staje się kawa%20%26%20herbata w parametrze ?q=.
Nazwa miasta Unicode
München koduje się do M%C3%BCnchen w UTF-8 percent encoding.
Dekoduj param redirect
Odczytaj ?next=%2Fdashboard%3Ftab%3D1, by poznać docelową ścieżkę redirect.
Kiedy kodować URL
• Gdy ręcznie budujesz query stringi w testach.
• Gdy debugujesz zepsute linki ze znakami specjalnymi.
• Gdy dekodujesz parametry UTM z logów analityki.
Typowe błędy
• Nie koduj całego URL łącznie z protokołem — koduj komponenty osobno.
• Nie double-encode — %2520 oznacza podwójne kodowanie.
• Gdy ścieżka już zakodowana w routerze — dekoduj tylko raz.
Podstawy RFC 3986
Zarezerwowane znaki jak ? # & mają znaczenie w URL — koduj tylko części danych. Struktura: scheme://host/path?query#fragment.
Redirect URI OAuth
Dokładne kodowanie ma znaczenie — mismatch psuje login. Kopiuj zarejestrowany redirect bajt w bajt.
Analiza logów
Dekoduj parametry user-agent i referer ostrożnie — złe kodowanie psuje atrybucję w dashboardach.
Najczęstsze pytania
encodeURI vs encodeURIComponent?
encodeURI zostawia :// i ? dla pełnych URL; encodeURIComponent koduje wszystko dla wartości query — konceptualnie jak w JS.
Plus vs %20?
Query string często traktuje + jako spację w application/x-www-form-urlencoded — znaj kontekst.
Slashe w paramach?
encodeURIComponent koduje / do %2F — wymagane wewnątrz pojedynczej wartości parametru.
Lokalnie?
Tak.
Domeny IDN?
Unicode domen używa punycode w DNS — osobno od kodowania ścieżki.
Encje HTML?
Kodowanie URL różni się od & w HTML — użyj htmlEncoderDecoder dla markup.