Pular para o conteúdo
arnaud.app

Codificador / Decodificador de URL

Codifica e decodifica URLs e query strings (percent-encoding).

Roda no seu navegador

Cole uma URL ou um parâmetro para codificar ou decodificar. Mostramos encodeURI (URL completa) e encodeURIComponent (valor de parâmetro) lado a lado.

encodeURIComponent (valores de parâmetro)

https%3A%2F%2Farnaud.app%2F%3Fq%3Dhello%20world%26lang%3Den

encodeURI (URL completa)

https://arnaud.app/?q=hello%20world&lang=en

Como usar

  1. Codificar ou decodificar

    Codificar transforma texto puro em percent-encoding; Decodificar reverte.

  2. Escolher o codificador certo

    encodeURIComponent para valores de parâmetros, encodeURI para URLs completas. Mostramos os dois.

  3. Copiar o resultado

    Solte a string codificada ou decodificada direto na URL, chamada fetch ou linha de log.

O que é?

Codificação URL (percent-encoding) substitui qualquer caractere com significado reservado em URL por « % » seguido do valor hexadecimal. ' ' vira « %20 », « & » vira « %26 ». Duas primitivas JavaScript fazem o trabalho: encodeURIComponent (valores) e encodeURI (URLs completas).

Quando usar

Codifique qualquer string vinda de usuário antes de pôr numa URL - valores de parâmetros, segmentos de path, fragmentos, redirects, links de compartilhamento. Decodifique ao ler valores codificados em trânsito: query strings de analytics, callbacks OAuth, logs de servidor.

Erros comuns

Confundir encodeURIComponent e encodeURI é o bug clássico - encodeURI deixa « & », « ? » e « = » intocados porque são estruturais. Não codifique duas vezes. E não codifique nomes de parâmetros à mão: deixe o URLSearchParams ou sua lib HTTP fazer.

FAQ

encodeURIComponent ou encodeURI?
encodeURIComponent para valores de parâmetros - escapa « & » e « = » que têm significado em URLs. encodeURI para URL completa quando só quer escapar caracteres ilegais.

Ferramentas relacionadas

Codificador / Decodificador Base64
Codifica e decodifica strings Base64 (texto e arquivos).
Formatador e Validador de JSON
Formate, minifique e valide JSON instantaneamente.

Mais nesta categoria