Koder i dekoder URL, który czyta też parametry
Tabela parametrów czyta tylko to, co stoi przed znakiem #, a fragment adresu pomija. To ważne, gdy używasz tego kodera URL na długich linkach. Narzędzie zamienia tekst w obie strony: spacje, polskie litery oraz & i = w wartości zapisuje jako kody procentowe, na przykład %20 dla spacji albo %C5%82 dla „ł”. Pod polem widać listę parametrów zapytania z aktualnego tekstu.
Tabela widzi tylko część adresu
Pełne adresy z http:// lub https:// na początku są czytane w całości. Każdy inny tekst jest traktowany jak ciąg zapytania, z ? lub bez. Wartości w tabeli są już zdekodowane, więc q=web+tools pokaże się jako „web tools”. Powtórzony klucz dostaje osobny wiersz. Tabela służy tylko do odczytu.
Przyciski po kolei
- Wklej adres URL, ciąg zapytania lub dowolny tekst. Pole startuje z przykładowym adresem wyszukiwania.
- encodeURIComponent koduje jedną wartość i zamienia też
/ ? : @ & = + $ # ,. - encodeURI (cały adres URL) zostawia te znaki, więc cały adres nadal działa.
- decodeURI zamienia kody procentowe na czytelny tekst.
- „Kopiuj bieżący adres URL” kopiuje pole, „Wyczyść” je opróżnia.
Redirect OAuth, log serwera, link z utm
Link logowania OAuth niesie adres powrotu w wartości redirect_uri. Wklejony bez kodowania, rozetnie się na pierwszym &. Zakoduj go najpierw przez encodeURIComponent, a dopiero potem dołącz do zewnętrznego linku.
W logu serwera widzisz q=%C5%BCurek+z+jajkiem i chcesz wiedzieć, czego szukał klient. Wklej linię i zdekoduj. Link kampanii z dwunastoma parametrami utm_ w tabeli zajmuje dwanaście krótkich wierszy.
Plus, procent i podwójne kodowanie
Dekoder zamienia najpierw każdy + na spację, a dopiero potem rozwiązuje kody %XX. Prawdziwy plus w ścieżce stanie się więc spacją, ale %2B zostaje plusem.
Znak % bez dwóch cyfr szesnastkowych powoduje błąd dekodowania. Pole zachowuje wtedy tekst i nie pokazuje komunikatu. Dwukrotne kodowanie zamienia %20 w %2520. Dekodowanie całego adresu rozwiązuje też %26 i %3D, co może zmienić budowę zapytania.
Co zostaje w przeglądarce
Kodowanie, dekodowanie i tabela działają lokalnie. Kliknięcie nie wysyła żądania, co potwierdzisz w zakładce sieci. Schowka dotyka tylko przycisk kopiowania, po kliknięciu.
Często zadawane pytania (FAQ)
encodeURI zostawia znaki takie jak :/?#&=, żeby cały adres nadal działał. encodeURIComponent je zamienia, co jest potrzebne dla wartości pojedynczego parametru.