Codificador/decodificador de URL

O URL Encoder/Decoder converte texto de e para a codificação percentual (também chamada de codificação de URL), o esquema de escape definido pela RFC 3986 que torna as cadeias arbitrárias seguras para colocar dentro de uma URL. Caracteres como &, =, ?, # e /têm significado estrutural em URLs - se um valor de string de consulta contiver um literal "&", o servidor dividirá seu parâmetro pela metade, a menos que esse caractere seja escapado como% 26. Esta ferramenta fornece todas as três variantes de codificação em que os desenvolvedores executam: encodeURIComponent para valores individuais, encodeURI para URLs completos e aplicativo/x-www-form-urlencoded (espaços como +) para corpos de formulário HTML.

A distinção entre modos importa mais do que a maioria dos tutoriais admite. O EncodeUriComponent escapa a cada delimitador reservado, portanto, é a escolha certa para um único parâmetro de consulta, um segmento de caminho ou um destino de redirecionamento incorporado em outro URL - mas executá-lo em uma URL completa desfiguraria https:// em https%3a%2f%2f. O Encodeuri preserva os delimitadores (: / ? # & =) Portanto, um URL inteiro permanece navegável, enquanto espaços e caracteres não ASCII como É ou 日本 ainda são escapados para o formulário codificado por UTF-8. O modo de código de formulário corresponde ao que os navegadores enviam quando você envia um <form>: idêntico ao EncodeUriComponent, exceto que os espaços se tornam "+" em vez de "%20" - uma peculiaridade legada que ainda aciona integrações de API hoje.

Tudo é executado 100% client-side em seu navegador usando o mesmo nativo encodeURIComponent, encodeURI e decododeURIComponent funções sua produção JavaScript usa, assim resultados correspondem exatamente o que seu código irá produzir Nada que você colar - URLs de retorno de chamada OAuth, assinado S3 links, tokens, IDs de sessão - nunca deixa sua máquina O decodificador também pega entrada malformada (um extraviado% não seguido por dois dígitos hexadecimais lança URIError em JavaScript) e relata um erro claro em vez de falhar silenciosamente.

Um exemplo trabalhado mostra como os três modos deste codificador e descodificador de URL diferem no mesmo texto Digite café & crème e clique em Codificar com encodeURIComponent seleccionado: a saída é caf% C3% A9%20%26%20 cr% C3% A8 me. Mudar de Modo para application/x-www-form-urlencoded e Codificar novamente, e os espaços tornam-se +, dando caf% C3% A9+%26+cr% C3%A8 me. No modo encodeURI o & permanece como é, porque encodeURI trata-o como um delimitador de URL, razão pela qual esse modo se adapta a um URL inteiro e não a um único valor Decodificar inverte qualquer um deles, mas apenas o modo de forma transforma + de volta num espaço.