URL

Codifica, decodifica y analiza URLs y parámetros de consulta.

Se procesa en tu navegador · Compruébalo Sin envíosDatos enviados: 0 · A otros dominios: 0Analítica: no existe · Anuncios: no existe

Prueba un ejemplo

Qué codificar:

Codifica también : / ? # & = — úsalo para valores de parámetros.

Entrada

Resultado

Aprende

¿Qué es?

Una URL sólo admite un conjunto pequeño de caracteres. Para incluir espacios, tildes o símbolos como & o # se "escapan" como % seguido de dos cifras hexadecimales. A esto se le llama codificación porcentual.

¿Para qué sirve?

Pasar texto libre como parámetro (?q=café con leche) sin que rompa la URL.
Entender por qué una URL tiene %20 o %C3%A9.
Desmontar una URL larga para ver su dominio, ruta y parámetros.

¿Cómo funciona por dentro?

El texto se convierte a bytes UTF-8 y cada byte "no seguro" pasa a %XX. Por ejemplo é son dos bytes (C3 A9), así que queda %C3%A9. Hay dos niveles: componente (encodeURIComponent) codifica también / ? # & =, y URI completa (encodeURI) los deja intactos porque tienen significado dentro de la URL.

Errores comunes

Usar la codificación de URI completa para un valor: un & dentro del valor partiría el parámetro.
Codificar dos veces: %20 pasa a %2520.
Un % suelto es un error: si es literal, escríbelo %25.
En formularios clásicos el espacio puede aparecer como +; en el resto de la URL es %20.

Glosario

Percent-encoding:: Sustituir un byte por % y dos dígitos hexadecimales, por ejemplo el espacio es %20.
Componente:: Un trozo de la URL, como el valor de un parámetro.
Query string:: Lo que va después de ? en una URL, como a=1&b=2.
Fragmento:: Lo que va después de # y nunca se envía al servidor.

Para saber más

Más en Codificación

Base64

Aprende paso a paso en la rutaEntiende la autenticación web