Bez przesyłania, 100% lokalnie, bez konta

Koder / Dekoder URL

Koduj znaki specjalne w URL lub dekoduj ciągi zakodowane procentowo. Wszystko pozostaje w przeglądarce.

Jak działa Koder / Dekoder URL

Koder/dekoder URL konwertuje ciągi do i z kodowania procentowego (zwanego też kodowaniem URL), formatu wymaganego przez RFC 3986 do bezpiecznego umieszczania znaków specjalnych w adresach URL. Wklej surowy ciąg, aby go zakodować, lub wklej ciąg zakodowany procentowo, aby zdekodować go z powrotem do formy czytelnej dla człowieka. Konwersja działa całkowicie w przeglądarce za pomocą JavaScript encodeURIComponent i decodeURIComponent; nic z tego co wpisujesz, nie opuszcza Twojego urządzenia.

Kodowanie URL ma znaczenie przy programowym budowaniu parametrów zapytania, identyfikatorów URI przekierowania lub linków kanonicznych. Spacja staje się %20, ampersand %26, hash %23 i tak dalej. Kodowanie dotyczy też umiędzynarodowionych nazw domen i znaków spoza ASCII w segmentach ścieżki. To narzędzie oferuje też tryb encodeURI do kodowania pełnych identyfikatorów URI przy zachowaniu znaków strukturalnych takich jak '/', '?' i '#'.

Napisał Bastien Sulyan

Koder / Dekoder URL: instrukcja krok po kroku

  1. Wklej tekst, który chcesz zakodować lub zdekodować, do pola wejściowego.
  2. Wybierz „Koduj”, aby zakodować tekst procentowo, lub „Dekoduj”, aby odwrócić kodowanie.
  3. Wybierz tryb „encodeURIComponent” dla wartości parametrów zapytania lub tryb „encodeURI” dla pełnych identyfikatorów URI.
  4. Skopiuj wynik z pola wyjściowego.

Typowe zastosowania

  • Programista budujący adres URL przekierowania wyszukiwania musi zakodować procentowo ciąg zapytania, aby znaki specjalne nie psuły struktury URL.
  • Integrator API otrzymuje zakodowany procentowo URL zwrotny w ładunku webhooka i musi go zdekodować, aby sprawdzić adres docelowy.
  • Redaktor treści kopiuje adres URL zawierający znaki akcentowane z przeglądarki i musi go zakodować do użycia w linku Markdown.
  • Inżynier QA testuje punkt końcowy walidacji danych wejściowych, kodując znaki graniczne takie jak '<', '>' i '&' przed ich przesłaniem.

Często zadawane pytania

Jaka jest różnica między encodeURIComponent a encodeURI?

encodeURIComponent koduje wszystko z wyjątkiem liter, cyfr i znaków - _ . ! ~ * ' ( ). Jest przeznaczony do kodowania pojedynczych komponentów, takich jak wartości parametrów zapytania. encodeURI pozostawia strukturalne znaki URI (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) niezakodowane, ponieważ zakłada, że dane wejściowe to kompletny identyfikator URI. Użyj encodeURIComponent dla wartości, encodeURI dla całych adresów URL.

Czy tekst, który tu wklejam, jest przesyłany na jakiś serwer?

Nie. Kodowanie i dekodowanie wywołują wbudowane funkcje encodeURIComponent i decodeURIComponent JavaScript, które działają całkowicie w silniku JavaScript przeglądarki. Nic z tego co tu wpisujesz, nie jest nigdzie wysyłane.

Dlaczego spacja czasami staje się '+' zamiast '%20'?

Notacja '+' dla spacji pochodzi ze starszego formatu application/x-www-form-urlencoded używanego w przesyłaniu formularzy HTML, który różni się od kodowania procentowego RFC 3986. To narzędzie używa ścisłego kodowania procentowego RFC 3986, więc spacje stają się %20. Jeśli Twój system docelowy oczekuje '+' dla spacji, będziesz musiał ręcznie zastąpić %20 przez '+' po zakodowaniu.

Czy mogę zakodować pełny adres URL wraz z ciągiem zapytania naraz?

Tak, używając trybu „encodeURI”. Ten tryb zachowuje '/', '?', '=', '&', '#' i inne strukturalne znaki URL, kodując jednocześnie znaki spoza ASCII i zarezerwowane znaki pojawiające się w segmentach lub wartościach parametrów. Używaj „encodeURIComponent” tylko do pojedynczych wartości parametrów, a nie do pełnego adresu URL.

Czy to narzędzie obsługuje znaki Unicode i emoji?

Tak. JavaScript encodeURIComponent najpierw konwertuje znak na sekwencję bajtów UTF-8, a następnie koduje procentowo każdy bajt. Emoji takie jak „kciuk w górę” koduje się jako wielobajtowa sekwencja, np. %F0%9F%91%8D. Dekodowanie odwraca ten proces poprawnie.

Powiązane narzędzia

Utrzymuj wszystko lokalnie, odkrywaj narzędzia uzupełniające.

Wszystkie narzędzia dla programistów