Codificador / decodificador de URL

A codificação de URL (também chamada de percent-encoding) converte caracteres que não são seguros para usar em uma URL em uma sequência de escape no formato %XX, onde XX é o valor hexadecimal do caractere. Por exemplo, um espaço se torna %20 e o símbolo @ se torna %40. Isso garante que a URL seja válida em todos os navegadores e servidores.

Sempre que você incorporar texto livre em uma URL: parâmetros GET com caracteres especiais ou espaços (ex.: ?q=café com leite), fragmentos hash ou qualquer dado fornecido pelo usuário na query string. Sem codificação, o servidor pode interpretar caracteres reservados (&, =, #) como elementos estruturais da URL em vez de dados.

encodeURI codifica uma URL completa e deixa intactos os caracteres reservados estruturais (:, /, ?, &, #). encodeURIComponent codifica tudo, incluindo esses caracteres, pois assume que você está codificando o valor de um parâmetro, não uma URL completa. Esta ferramenta usa encodeURIComponent, que é o padrão correto para codificar valores individuais.

Existem duas convenções: a RFC 3986 usa %20 para espaços, enquanto o formato application/x-www-form-urlencoded (formulários HTML) usa +. Os navegadores modernos e encodeURIComponent seguem a RFC 3986 e produzem %20, que é correto para qualquer URL. O símbolo + deve ser usado apenas no corpo de formulários HTML, não em URLs gerais.