Що таке Кодер/декодер URL-адрес?
URL Encoder/Decoder — це необхідний інструмент веб-розробки, який перетворює між звичайним текстом та URL-безпечним форматом відсоткового кодування. Коли URL містять пробіли, спеціальні символи або не-ASCII символи, такі як літери з наголосами та емодзі, вони ламаються, якщо не закодовані правильно. Цей інструмент забезпечує миттєве кодування та декодування з повною підтримкою режиму URL (кодування повних URL) та режиму компонентів (кодування окремих значень параметрів запиту), а також пакетний режим для одночасної обробки декількох рядків.
Коли використовувати цей калькулятор
- Ви створюєте URL із параметрами запиту, що містять пробіли, символи або не-ASCII знаки
- Вам потрібно декодувати процентно закодований URL, щоб прочитати його фактичний вміст
- Ви налагоджуєте API, який відхиляє ваш URL через незакодовані спеціальні символи
- Ви обробляєте URL, надіслані користувачами, які потрібно очистити перед використанням
- Вам потрібно пакетно закодувати чи декодувати кілька сегментів URL одночасно
- Ви створюєте перенаправлення або callback-URL, у яких параметри мають бути правильно закодовані
Кроки:
- Введіть або вставте текст/URL, який потрібно закодувати чи декодувати.
- Виберіть режим «Кодувати» або «Декодувати».
- Натисніть кнопку «Перетворити».
- Скопіюйте результат, щоб використати його у своєму застосунку.
Формула
Кодування: небезпечні символи → % + 2-значний шістнадцятковий код ➡ Декодування: %XX → вихідний символ
Випадки використання
- Створення безпечних рядків запиту для URL
- Обробка параметрів запитів API
- Налагодження закодованих URL
- Створення дружніх до URL слагів і шляхів
Ключові переваги
- Миттєве кодування та декодування з результатами в реальному часі
- Підтримує режим URL та режим компонентів для різних контекстів
- Пакетний режим для кодування або декодування декількох рядків одночасно
- Обробляє всі спеціальні символи включаючи Unicode та емодзі
- 100% на основі браузера — дані не надсилаються на сервер
- Візуальний підрахунок символів для перевірки того, що кодування не дублювало і не обрізало введення
Поради
- Завжди кодуйте генеровані користувачем параметри URL перед включенням їх у URL
- Використовуйте encodeURIComponent() в JavaScript для окремих значень параметрів запиту
- Декодуйте URL перед відображенням користувачам для кращої читабельності
- Обережність з подвійним кодуванням: якщо ви бачите %25 за яким слідують шістнадцяткові цифри, URL, ймовірно, був закодований двічі
- Використовуйте режим компонента під час побудови рядків запиту та режим URL під час кодування цілих шляхів URL або повних URL
Поширені помилки
- Подвійне кодування URL шляхом кодування вже закодованого URL, %20 перетворюється на %2520
- Використання неправильного контексту кодування — режим URL та компонентів дають різний вивід
- Забування що + представляє пробіл лише в даних application/x-www-form-urlencoded
- Неправильна обробка не-ASCII символів — завжди переконайтеся в кодуванні UTF-8 перед процентним кодуванням
Ключові терміни
- Відсоткове кодування: Стандартний механізм кодування символів у URL, замінює небезпечні символи на % за яким слідує двозначний шістнадцятковий ASCII-код
- Рядок запиту: Частина URL після символу ?, містить пари ключ-значення розділені &
- Зарезервовані символи: Символи такі як :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = зі спеціальним синтаксичним значенням у URL згідно RFC 3986
- Режим компонентів vs режим URL: Режим компонентів кодує більше символів і для окремих значень; режим URL зберігає структуру URL для повних шляхів
Пов'язані концепції
- Процентне кодування: механізм заміни небезпечних символів знаком % і двозначним шістнадцятковим ASCII-кодом для безпечної передачі URL
- Рядок запиту: частина URL після символа ?, що містить пари ключ-значення, розділені символами &
- Зарезервовані символи: символи, як-от :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, =, що мають особливе значення в синтаксисі URL згідно з RFC 3986
- Безпечні для URL символи: незарезервовані символи (літери, цифри, -, _, ., ~), які не потребують кодування в URL
- encodeURIComponent проти encodeURI: функції JavaScript, де encodeURIComponent для окремих значень кодує все, крім літер, цифр і _*-.~, а encodeURI зберігає символи структури URL для повних URL
Приклад
Кодування "Hello World & Friends!" → "Hello%20World%20%26%20Friends%21". Декодування "search%3Fq%3Dhello+world" → "search?q=hello world".
Інтерпретація результатів
Кодувальник перетворює небезпечні символи URL (пробіли, &, ?, #, не-ASCII тощо) на формат процентного кодування, де кожен символ стає % і двозначним шістнадцятковим кодом. Декодувальник обертає цей процес, відновлюючи вихідний читабельний текст. Кількість символів допомагає переконатися, що кодування не продублювало та не обрізало ваш ввід несподівано.
Режим компонента кодує ширший набір символів і призначений для кодування окремих значень параметрів запиту. Режим URL є суворішим щодо того, що кодується, і призначений для кодування повних шляхів URL або цілих URL. Використовуйте режим компонента під час побудови рядків запиту та режим URL під час кодування повного URL.
Пакетний режим дає змогу кодувати чи декодувати кілька рядків одночасно, що зручно, коли у вас є список URL або параметрів для обробки. Кожен рядок розглядається як окреме введення, а всі результати відображаються разом для зручного копіювання.