URL Encoder, Decoder e Parser Online

URL encoding, ou percent-encoding, é a troca de cada caractere que não pode viajar num endereço por um sinal de porcentagem seguido do código hexadecimal de cada byte em UTF-8. O espaço vira %20, o ç vira %C3%A7 e o sinal de mais vira %2B. A regra está na seção 2 da RFC 3986, a norma de sintaxe de URI. Sem essa troca, um acento ou um & dentro de um valor quebra o endereço ou muda o que o servidor entende.

O encodeURI codifica uma URL inteira e preserva os separadores dela, como /, ?, &, = e #. O encodeURIComponent codifica um pedaço isolado, como o valor de um parâmetro, e troca também esses separadores. Dos 13 caracteres da tabela desta página, 7 passam intactos pelo encodeURI e viram código no encodeURIComponent. Esta ferramenta usa o encodeURIComponent, que é o certo para montar o valor de um parâmetro.

Query string é a parte da URL depois do ponto de interrogação, com pares nome=valor separados por &. Em https://exemplo.com/busca?q=café&page=2, a query string é q=café&page=2, com o parâmetro q valendo café e o parâmetro page valendo 2. No modo Analisar URL, esta página separa cada par numa linha própria e mostra o valor já decodificado, o que ajuda a achar o parâmetro de rastreamento ou o valor errado num link comprido.

Não. A ferramenta só lê o texto da URL com a API nativa do navegador (new URL()). Nenhuma requisição de rede é feita, nenhum DNS é consultado e nenhum site é visitado, então dá para colar endereço interno, de homologação ou com parâmetro privado. A contrapartida é que a página também não sabe se o link existe, se ele redireciona para outro lugar ou se o servidor vai aceitar o que está escrito.

O fragmento é o trecho depois do #, e aponta para uma parte da página, como um título ou uma seção. Em https://exemplo.com/artigo#conclusao, o fragmento é conclusao. O navegador não envia o fragmento ao servidor: ele fica do lado de quem abriu o link. Por isso um # dentro do valor de um parâmetro precisa ser codificado como %23; sem isso, tudo o que vier depois dele some da requisição e vira fragmento.

Escolha Codificar, cole o texto e clique em Codificar URL. Codifique só o valor do parâmetro, e não o endereço inteiro: se você codificar https://, as barras e os dois-pontos também viram código e o link para de funcionar. Exemplo: para buscar São Paulo, o valor vira S%C3%A3o%20Paulo, e o link fica ?cidade=S%C3%A3o%20Paulo. O campo aceita até 5.000 caracteres, e o texto não sai do navegador.

Porque são duas regras. Na URL, pela RFC 3986, o espaço vira %20. Em formulário HTML enviado no formato application/x-www-form-urlencoded, o espaço vira +, e por isso o + de verdade precisa virar %2B. O encodeURIComponent, usado aqui, segue a primeira regra. Na volta, o decodificador desta página não troca + por espaço, mas o modo Analisar URL troca, porque lê os parâmetros como o navegador lê um formulário.

Cada código é um byte escrito em hexadecimal depois do sinal de porcentagem: %20 é o espaço, %2F é a barra, %3F é o ponto de interrogação e %26 é o &. Letra acentuada ocupa 2 bytes em UTF-8, então aparece como dois códigos seguidos: %C3%A7 é o ç. Para ler um endereço cheio desses códigos, cole-o no modo Decodificar: "ação" escrito como a%C3%A7%C3%A3o volta a ser lido como ação.

Porque os bytes em UTF-8 foram lidos como se fossem Latin-1. O ç ocupa 2 bytes (%C3%A7); lidos um a um no padrão antigo, eles viram à e §. O defeito está em quem montou ou leu a URL com a tabela de caracteres errada, e não no código em si. Esta página decodifica sempre em UTF-8, que é o que a RFC 3986 recomenda para texto novo, então o mesmo endereço aqui mostra ç.

Letras de A a Z e de a a z, algarismos de 0 a 9 e os sinais - _ . ! ~ * ' ( ). Todo o resto vira código. Quatro desses sinais (- _ . ~) são os não reservados da RFC 3986 e podem ir como estão. Os outros cinco, ! ' ( ) e *, estão entre os reservados da norma, que um esquema de URI pode usar como separador; quem precisa segui-la à risca troca esses cinco por %21, %27, %28, %29 e %2A depois do encodeURIComponent.

É o resultado do modo Analisar URL. Protocolo é o esquema, como https ou http; Host é o domínio; Porta aparece como (padrão) quando o endereço não traz número ou traz o número padrão do protocolo, que é 443 no https e 80 no http; Caminho é o trecho entre o domínio e o ponto de interrogação; Query string é o que vem depois dele; Hash / âncora é o fragmento. Abaixo vêm os Parâmetros da query string, um por linha, com o valor já decodificado. Endereço sem protocolo é lido como https.

Quer dizer que o texto tem um % que não forma um código válido em UTF-8. Acontece com % solto, sem dois dígitos hexadecimais depois (como 50%), com código cortado no meio (%C3 sem o segundo byte) e com endereço gerado por sistema antigo em Latin-1, em que o é aparece como %E9. Nesse último caso, troque %E9 por %C3%A9, que é o é em UTF-8, ou peça ao sistema de origem que gere o link em UTF-8.