← Назад к функциям
Free

Кодировщик URL / Декодировщик

Кодировщик/декодировщик URL преобразует строки URL в их процентно-кодированную форму и обратно. Выберите между encodeURIComponent (агрессивный) и encodeURI (сохраняет структуру URL) в соответствии с вашим случаем - отладка параметров запроса, построение безопасных URL или проверка кодированных ссылок.

При построении URL с пользовательским вводом, строками запроса или международными символами вам нужно правильное процентное кодирование, чтобы предотвратить разрушение. Этот инструмент обрабатывает оба направления мгновенно. Выберите encodeURIComponent при кодировании одного значения параметра (кодирует ? / & = # и т.д.) или encodeURI, когда вы хотите сохранить структуру URL (кодирует только действительно небезопасные символы). Декодирование работает как со стандартным процентным кодированием, так и также обрабатывает двойно кодированные строки. Преобразование в реальном времени означает, что вы видите результат сразу при вводе, и оба режима можно переключать для проверки целостности туда-обратно. Нет круговой передачи на сервер - все происходит локально в вашем браузере.

Предпросмотр в реальном времени
example.com
URL Кодировщик / Декодировщик encodeURIComponent encodeURI
Ввод
https://example.com/search?q=hello world&lang=en
Закодированный вывод
https%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world%26lang%3Den
Копировать
Ключевые особенности

Два режима кодирования

Выберите encodeURIComponent для безопасных значений параметров (кодирует ? / & = и т.д.) или encodeURI для полных URL (сохраняет структуру, кодирует только небезопасные символы).

Умное декодирование

Декодирует процентно-кодированные строки, включая символы, отличные от ASCII, многобайтовые последовательности UTF-8 и эмодзи. Изящно обрабатывает двойно-кодированный ввод.

Однокликовое копирование

Скопируйте кодированный или декодированный результат в буфер обмена мгновенно - не требуется ручной выбор.

Преобразование в реальном времени

Вывод обновляется в реальном времени при вводе. Не нужно нажимать кодирование каждый раз - видите немедленные результаты при итерации входа.

Вид рядом

Входе и выходе отображаются в четко обозначенных панелях, поэтому вы можете сравнить до/после с первого взгляда.

Обрабатывает граничные случаи

Правильно кодирует пробелы, кавычки, Unicode, зарезервированные символы и сложные последовательности, которые нарушают простую замену строк.

Типичные сценарии использования

Отладка параметров запроса

Вставьте сломанный URL с замешанными параметрами, чтобы декодировать их обратно в читаемые значения - быстро определите, что было фактически отправлено.

Построение безопасных URL

Кодируйте пользовательский ввод (имена, поисковые запросы, пути файлов) перед добавлением к URL, чтобы предотвратить инъекции и ошибки анализа.

Проверка ссылок аналитики

Декодируйте URL маркетинга с тегом UTM, чтобы увидеть фактические значения кампании, источника и среды без чтения необработанных процентно-кодированных строк.

Тестирование интернационализированных URL

Кодируйте URL с нелатинскими символами (китайский, арабский, иврит), чтобы убедиться, что они правильно процентно-кодированы для передачи.

Отладка переадресации OAuth

Декодируйте OAuth переадресацию URI с вложенными кодированными параметрами, чтобы отследить, что передается между провайдерами и приложениями.

Как использовать
1

Откройте кодировщик URL

Нажмите на значок URL в панели DevSuite Pro. Откроется двухпанельный редактор с переключением кодирования и декодирования.

2

Вставьте ваш URL или строку

Вставьте URL, параметр запроса или кодированную строку. Инструмент работает с полными URL или отдельными значениями параметров.

3

Выберите режим кодирования

Для значения параметра используйте encodeURIComponent. Для полного URL (где вы хотите сохранить /, ?, &), используйте encodeURI.

4

Прочитайте результат

Преобразованный результат появляется в соседней панели. Кодированные символы отображаются как последовательности %XX; декодированный результат возвращает исходную читаемую форму.

5

Копировать и использовать

Нажмите Copy, чтобы отправить результат в буфер обмена. Вставьте в свой код, URL запроса или документацию.

Готовы попробовать?

Установите DevSuite Pro бесплатно и разблокируйте более 64 инструментов разработчика для вашего браузера.

Добавить в Chrome Добавить в Edge Добавить в FireFox