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.

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.

Podstawy RFC 3986

Zarezerwowane znaki jak ? # & mają znaczenie w URL — koduj tylko części danych. Struktura: scheme://host/path?query#fragment.

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.