Codificar / decodificar URL

A codificação por porcentagem substitui caracteres inseguros em URLs, como espaços, “e comerciais”, pontos de interrogação e caracteres não ASCII, por sequências de escape %XX, conforme definido pela RFC 3986. A decodificação faz o processo inverso. Esta ferramenta faz as duas coisas, e também separa uma query string em seus pares de chave e valor.

O que a codificação e a decodificação fazem aqui, exatamente?

Cole uma URL completa ou qualquer trecho de texto e a ferramenta codifica ou decodifica usando as mesmas funções encodeURIComponent e decodeURIComponent nativas do JavaScript, então o resultado bate com o que um navegador ou um framework web comum produziria. Decodificar uma string que não é percent-encoding válido, por exemplo com um % solto sem dois dígitos hexadecimais depois, gera um erro claro em vez de um resultado incompreensível. Se você colar uma URL completa em vez de só uma query string, a visão de parâmetros extrai o ?a=1&b=2 e interpreta do mesmo jeito; cada parâmetro aparece em sua própria linha, o que ajuda ao conferir um redirecionamento OAuth, um link de rastreamento ou uma chamada de API cujos parâmetros ficaram aninhados e codificados mais de uma vez.

Qual a diferença para a ferramenta de parser de URL?

Esta ferramenta é sobre a codificação em si: converter texto de e para percent-encoding, e separar uma query string em partes. Já a ferramenta de parser de URL vai além e quebra uma URL completa em cada peça estrutural (protocolo, host, porta, caminho e assim por diante) usando o parser URL nativo do navegador. Use esta aqui quando precisar codificar um valor antes de colocá-lo em uma URL, ou decodificar uma query string que já tem em mãos; use o parser de URL quando precisar da URL inteira dissecada.

O que eu colo aqui é enviado a um servidor?

Não. Todo o processamento fica no seu navegador, então uma URL com um token de sessão ou dados pessoais nunca é enviada a lugar nenhum. Um problema que esta ferramenta resolve bem é a codificação dupla, quando um valor passa pelo encodeURIComponent duas vezes e %20 vira %2520. Decodificar uma vez só te devolve o %20; continue decodificando até a string parar de mudar. Veja o guia do MDN sobre encodeURIComponent para entender como os navegadores implementam isso.