Кодировщик URL

Кодируйте URL правильно в зависимости от того, с чем вы работаете

Кодирование URL кажется простым, пока зарезервированные символы не начинают ломать строку запроса или путь. Этот инструмент помогает выбрать между кодированием отдельного компонента и кодированием полного URL, а это важно, потому что encodeURIComponent и encodeURI специально сохраняют разные символы. Тестируя это локально в браузере, вы сразу видите, как обрабатываются пробелы, амперсанды, знаки равенства, решётки и слеши до того, как вставите результат в код или API-запрос.

Почему это различие важно

Параметру запроса нужна более строгая экранизация, чем целому URL. Если закодировать слишком много, можно сломать структуру ссылки. Если закодировать слишком мало, сервер может разделить значение не там, где нужно, или принять специальные символы за разделители. Инструмент делает это различие видимым, чтобы было понятно, готовите ли вы параметр, сегмент пути или полный адрес.

Практический подход

Обычно удобно вставить пример значения, сравнить вывод для компонента и для полного URL, а затем выбрать вариант, который соответствует задаче. Это особенно полезно при создании fetch-запросов, форм или deep link с динамическими значениями. Если результат всё ещё кажется неожиданным, значит исходная строка, скорее всего, содержит символы, которым нужна другая стратегия кодирования. Видеть оба варианта рядом - часто самый быстрый способ избежать сломанных ссылок.