Кодировать / декодировать URL

Зачем кодировать URL?

Когда вы вручную создаете ссылку или API-вызов, параметр, содержащий пробелы, диакритические знаки или специальные символы (&, =, ?, /), может сломать URL или быть неправильно интерпретирован сервером. Процентное кодирование заменяет эти символы на безопасные последовательности %XX для передачи в строке запроса, заголовке или форме. Именно так разработчик поступает перед вставкой пользовательского значения (имя, адрес, поисковый запрос) в общедоступную ссылку или запрос fetch.

Почему в моем URL есть %20 или %C3%A9?

Это процентно-закодированные символы: %20 обозначает пробел, а %C3%A9 — символ «é», закодированный в UTF-8. Браузер или веб-сервер автоматически заменяет некоторые недопустимые в URL символы на такое обозначение, чтобы гарантировать, что ссылка остается действительной и передается без ошибок.

В чем разница между encodeURIComponent и encodeURI?

Этот инструмент кодирует текст в стиле encodeURIComponent: он экранирует все небуквенно-цифровые символы, кроме - _ . ~, включая /, :, ?, & и =. Это подходящее поведение для кодирования значения отдельного параметра (перед вставкой в строку запроса), в отличие от encodeURI, который сохраняет структурные разделители полного URL.

Обработка 100% локально: кодирование и декодирование выполняются полностью в вашем браузере через WebAssembly, никакой введенный текст не отправляется на сервер.