Робоча зона інструмента
URL encoder, URL decoder і query string parser
Кодуйте значення, декодуйте query string і переглядайте частини URL.
URL encoder, decoder і parser
URL encoder, decoder і parser
байтів →
URL encoder, decoder і parser
Параметри запиту
IDN / Punycode
URL encoder, decoder і parser
..
Заголовок
Payload
Метадані
· Спливає:
Перевірити підпис
Підписати (HS)
URL encoder, decoder і parser
Бібліотека патернів
Підсвічені збіги
Збіги ()
Результат заміни
URL encoder, decoder і parser
Відносно:
Часовий пояс
Зібрати з частин
Різниця
URL encoder, decoder і parser
URL encoder, decoder і parser
URL encoder, decoder і parser
Приклади
Ввід
hello world & café
Закодовано
hello%20world%20%26%20caf%C3%A9
URL Гайди та статті
Як URL перетворює текст на надійну вебадресу
URL — це не просто посилання, а структурована інструкція зі схемою, хостом, шляхом, параметрами, фрагментом і правилами кодування.
Читати статтюПомилки URL-кодування, які ламають реальні застосунки
Подвійне кодування, неправильне трактування плюса, небезпечні redirect і різна нормалізація перетворюють звичайні посилання на production-проблеми.
Читати статтюЯк проєктувати чисті, стабільні та зручні для поширення URL
Хороша адреса пояснює ресурс, зберігає сенс після змін, не розкриває зайвий стан і працює поза застосунком, який її створив.
Читати статтюURL encoder, decoder і parser
Кодуйте значення, декодуйте query string і переглядайте частини URL. DevToolGrid Online — це безкоштовний URL encoder, URL decoder і query string parser.
Що таке URL-кодування?
URL-кодування (percent-encoding) замінює небезпечні або зарезервовані в URL символи на % з їхнім шістнадцятковим кодом. Наприклад, пробіл стає %20, а & — %26. Це дозволяє вставляти будь-який текст — пробіли, Unicode, символи — у query-рядки та шляхи, не ламаючи адресу.
Як кодувати або декодувати URL
- 1 Вставте URL або значення в панель вводу.
- 2 Натисніть «Encode component» для значень query або «Encode URI», щоб зберегти структуру.
- 3 Використайте «Decode», щоб перетворити percent-escapes назад у читабельний текст.
- 4 Розберіть повний URL, щоб переглянути схему, хост, шлях, query і хеш.
Типові помилки URL-кодування
- Пробіл як + чи %20У query-рядках пробіл може бути + (form-кодування) або %20. Їхнє змішування може зіпсувати значення.
- Незакодовані зарезервовані символиСимволи &, =, ? і # мають спеціальне значення. Якщо лишити їх незакодованими у значенні, query зламається.
- Подвійне кодуванняКодування вже закодованого рядка перетворює %20 на %2520. Кодуйте кожне значення рівно один раз.
encodeURIComponent проти encodeURI
encodeURIComponent кодує майже все, зокрема & = ? /, тож підходить для окремого значення query чи сегмента шляху. encodeURI зберігає символи, що формують коректний URL (як-от : / ? &), і призначений для кодування цілої адреси. Використовуйте component-версію для параметрів, а повну — для цілих URL.
Часті запитання
Інструмент безкоштовний?
Так. Кодувальник, декодувальник і парсер URL повністю безкоштовні, без обмежень.
Чи надсилаються дані на сервер?
Ні. Кодування, декодування й розбір відбуваються локально у браузері; нічого не вивантажується.
Яка різниця між + і %20?
Обидва можуть означати пробіл у query. %20 завжди означає пробіл; + означає пробіл лише у форматі application/x-www-form-urlencoded.
Чи можна розібрати параметри query?
Так. Інструмент розбиває URL на частини й дозволяє редагувати, сортувати та прибирати дублікати параметрів.