Czym jest URL Encoder / Decoder?
Koder/dekoder URL to niezbędne narzędzie programistyczne konwertujące między zwykłym tekstem a formatem procentowo-kodowanym bezpiecznym dla URL. Gdy URL zawierają spacje, symbole specjalne lub znaki nie-ASCII takie jak litery z akcentami i emoji, łamią się jeśli nie zostaną prawidłowo zakodowane. To narzędzie zapewnia natychmiastowe kodowanie i dekodowanie z pełnym wsparciem dla trybu URL (kodowanie kompletnych URL) i trybu komponentowego (kodowanie pojedynczych wartości parametrów zapytań), plus tryb wsadowy do jednoczesnego przetwarzania wielu ciągów znaków.
Kiedy używać tego kalkulatora
- Tworzysz adres URL z parametrami zapytania zawierającymi spacje, symbole lub znaki spoza ASCII
- Musisz zdekodować adres URL z kodowaniem procentowym, aby przeczytać jego rzeczywistą zawartość
- Debugujesz API, które odrzuca Twój URL z powodu niezakodowanych znaków specjalnych
- Przetwarzasz adresy URL przesłane przez użytkowników, które wymagają oczyszczenia przed użyciem
- Musisz zbiorczo zakodować lub zdekodować wiele segmentów URL jednocześnie
- Tworzysz przekierowania lub adresy URL wywołań zwrotnych, w których parametry muszą być poprawnie zakodowane
Kroki:
- Wpisz lub wklej tekst/URL, który chcesz zakodować lub zdekodować.
- Wybierz tryb Enkoduj lub Dekoduj.
- Kliknij przycisk Konwertuj.
- Skopiuj wynik, aby użyć go w swojej aplikacji.
Wzór
Kodowanie: Niebezpieczne znaki → % + 2-cyfrowy kod szesnastkowy ➡ Dekodowanie: %XX → Oryginalny znak
Przypadki użycia
- Tworzenie bezpiecznych ciągów zapytań dla adresów URL
- Przetwarzanie parametrów żądań API
- Debugowanie zakodowanych adresów URL
- Tworzenie przyjaznych dla URL slugów i ścieżek
Kluczowe korzyści
- Natychmiastowe kodowanie i dekodowanie z wynikami w czasie rzeczywistym
- Obsługuje tryb URL i tryb komponentowy dla różnych kontekstów
- Tryb wsadowy do jednoczesnego kodowania lub dekodowania wielu ciągów
- Obsługuje wszystkie znaki specjalne w tym Unicode i emoji
- 100% oparty na przeglądarce — żadne dane nie są wysyłane na serwer
- Wizualne liczenie znaków w celu zweryfikowania, że kodowanie nie zduplikowało ani nie obcięło danych wejściowych
Wskazówki
- Zawsze koduj generowane przez użytkownika parametry URL przed dołączeniem ich do URL
- Używaj encodeURIComponent() w JavaScript dla pojedynczych wartości parametrów zapytań
- Dekoduj URL przed wyświetleniem użytkownikom dla lepszej czytelności
- Uważaj na podwójne kodowanie: jeśli zobaczysz %25 po którym następuje więcej cyfr szesnastkowych, URL został prawdopodobnie zakodowany dwukrotnie
- Użyj trybu komponentu podczas budowania ciągów zapytań i trybu URL podczas kodowania całych ścieżek URL lub pełnych adresów URL
Częste błędy
- Podwójne kodowanie URL przez kodowanie już zakodowanego URL, %20 zamienia się na %2520
- Użycie niewłaściwego kontekstu kodowania — tryb URL i komponentowy dają różne wyniki
- Zapomnienie że + reprezentuje spację tylko w danych application/x-www-form-urlencoded
- Nieprawidłowa obsługa znaków spoza ASCII — zawsze upewnij się co do kodowania UTF-8 przed kodowaniem procentowym
Kluczowe pojęcia
- Kodowanie procentowe: Standardowy mechanizm kodowania znaków w URL, zastępuje niebezpieczne znaki % followed by their two-digit hex ASCII code
- Ciąg zapytań: Część URL po znaku ?, zawiera pary klucz-wartość oddzielone przez &
- Zastrzeżone znaki: Znaki takie jak :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = ze specjalnym znaczeniem składniowym w URL zgodnie z RFC 3986
- Tryb komponentowy vs tryb URL: Tryb komponentowy koduje więcej znaków i jest dla pojedynczych wartości; tryb URL zachowuje strukturę URL i jest dla kompletnych ścieżek
Powiązane pojęcia
- Kodowanie procentowe: Mechanizm zastępowania niebezpiecznych znaków znakiem % oraz ich dwucyfrowym kodem ASCII w formacie szesnastkowym dla bezpiecznego przesyłania URL
- Ciąg zapytania: Część adresu URL po znaku ?, zawierająca pary klucz-wartość oddzielone znakami &
- Znaki zarezerwowane: Znaki takie jak :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = mające specjalne znaczenie w składni URL zgodnie z RFC 3986
- Znaki bezpieczne dla URL: Znaki niezarzezerwowane (litery, cyfry, -, _, ., ~), które nie wymagają kodowania w adresach URL
- encodeURIComponent vs. encodeURI: Funkcje JavaScript, w których encodeURIComponent koduje dla pojedynczych wartości wszystko oprócz liter, cyfr i _*-.~, podczas gdy encodeURI zachowuje znaki struktury URL dla pełnych adresów
Przykład
Kodowanie "Hello World & Friends!" → "Hello%20World%20%26%20Friends%21". Dekodowanie "search%3Fq%3Dhello+world" → "search?q=hello world".
Interpretacja wyników
Enkoder zamienia niebezpieczne znaki URL (spacje, &, ?, #, znaki spoza ASCII itd.) na format kodowania procentowego, w którym każdy znak staje się % po którym następuje dwucyfrowy kod szesnastkowy. Dekoder odwraca ten proces, przywracając oryginalny czytelny tekst. Liczba znaków pomaga zweryfikować, że kodowanie nie zduplikowało ani nie skróciło niespodziewanie danych wejściowych.
Tryb komponentu koduje szerszy zestaw znaków i jest przeznaczony do kodowania pojedynczych wartości parametrów zapytania. Tryb URL jest bardziej restrykcyjny co do tego, co jest kodowane, i jest przeznaczony do kodowania pełnych ścieżek URL lub całych adresów. Używaj trybu komponentu podczas tworzenia ciągów zapytań i trybu URL podczas kodowania kompletnego adresu.
Tryb wsadowy pozwala kodować lub dekodować wiele wierszy jednocześnie, co jest przydatne, gdy masz listę adresów URL lub parametrów do przetworzenia. Każdy wiersz jest traktowany jako osobne dane wejściowe, a wszystkie wyniki są wyświetlane razem, aby ułatwić kopiowanie.