Codificar / decodificar uma URL

Codifique ou decodifique texto no formato URL (percent-encoding), por exemplo para parâmetros de consulta.

Exemplo:

Por que codificar uma URL?

Quando você constrói um link ou uma chamada de API manualmente, um parâmetro contendo espaços, acentos ou caracteres especiais (&, =, ?, /) pode quebrar a URL ou ser mal interpretado pelo servidor. A codificação percent-encoding substitui esses caracteres por sequências %XX seguras para transmitir em uma query string, um cabeçalho ou um formulário. É tipicamente o que um desenvolvedor faz antes de inserir um valor de usuário (nome, endereço, busca) em um link compartilhável ou uma requisição fetch.

Por que minha URL contém %20 ou %C3%A9?

São caracteres codificados em percent-encoding: %20 representa um espaço e %C3%A9 representa um "é" codificado em UTF-8. Um navegador ou servidor web substitui automaticamente certos caracteres não permitidos em uma URL por essa notação para garantir que o link permaneça válido e seja transmitido sem erro.

Qual a diferença entre encodeURIComponent e encodeURI?

Esta ferramenta codifica o texto da mesma forma que encodeURIComponent: ela escapa todos os caracteres não alfanuméricos, exceto - _ . ~, incluindo /, :, ?, & e =. Esse é o comportamento adequado para codificar o valor de um parâmetro isolado (antes de inseri-lo em uma query string), ao contrário de encodeURI, que preserva os separadores estruturais de uma URL completa.

Processamento 100% local: a codificação e a decodificação são executadas inteiramente no seu navegador via WebAssembly, nenhum texto digitado é enviado a um servidor.