Кодировать через encodeURIComponent
Полный URL с пробелами и спецсимволами подставлен в поле: режим component кодирует всё, кроме A-Za-z0-9-._~, включая символы структуры.
ПресетСтраница примера инструмента
Кодировать через encodeURIComponent — поля заполнены примером, их можно менять. Настройки уедут в ссылку «Поделиться», а заголовок страницы и вкладки описывают исходный пресет, а не текущие поля.
Об этом примере
Подставлен URL с пробелом в пути, амперсандом и решёткой — символами, которые в составе значения параметра ломают разбор. Режим component соответствует нативному encodeURIComponent: он кодирует ВСЁ, кроме букв, цифр и узкого набора -._~, в том числе и спецсимволы структуры (? & # /). Именно поэтому его используют для кодирования значения отдельного параметра перед вставкой в query. Противоположный режим uri (encodeURI) оставляет структуру URL нетронутой и годится для кодирования всего адреса целиком. Применяйте пресет, чтобы увидеть, чем два режима отличаются на одном и том же вводе. Чего ждать не стоит: ни тот ни другой режим не «исправляют» семантику адреса — они только превращают запрещённые символы в %XX.
Результат можно передать дальше:Закодировать в Base64/Hex
URL разбирается только после «?». Без него принимаются пары a=1&b=2; схема, // или / до первой пары означают URL. Одиночный debug считается путём: для флага введите ?debug. Fragment после # не входит в параметры.
| Ключ | Значение | Сырой вид | Отметка |
|---|
Введите ссылку или query-строку — таблица заполнится по мере ввода.
Готовые примеры
Найдено: 6 из 6
- Кодировать URLПолный URL с кириллицей и эмодзи подставлен в поле: режим uri кодирует только недопустимые символы, структура ссылки (://, ?, &) остаётся нетронутой.
- Раскодировать URLЗакодированная проц-символами ссылка: декодер показывает исходный вид и объясняет ошибку с позицией, если последовательность битая.
- Разобрать query-string в таблицуСтрока запроса с дублем ключа, пустым значением и флагом без значения: парсер раскладывает её в таблицу и подсвечивает проблемные пары.
- Разобрать UTM-меткиСтрока запроса с utm_source, utm_medium и utm_campaign подставлена в поле: парсер раскладывает рекламные метки в таблицу «ключ → значение».
- Декодировать кириллицу в URLURL с кириллицей и пробелами в пути и query подставлен в поле: декодер показывает исходный вид и объясняет, какие символы были процентными.
- Кодировать через encodeURIComponentПолный URL с пробелами и спецсимволами подставлен в поле: режим component кодирует всё, кроме A-Za-z0-9-._~, включая символы структуры.