Saltar al contenido

Codificador / Decodificador de URL

Codifica y decodifica URLs y cadenas de consulta (percent-encoding).

Funciona en tu navegador

Pega una URL o un parámetro para codificar o decodificar. Mostramos encodeURI (URL completa) y 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

Cómo usarla

  1. Codificar o decodificar

    Codificar transforma texto plano en percent-encoding; Decodificar revierte.

  2. Elegir el codificador adecuado

    encodeURIComponent para valores, encodeURI para URLs completas. Mostramos ambos.

  3. Copiar el resultado

    Suelta la cadena en tu URL, llamada fetch o mensaje de log.

¿Qué es?

La codificación URL (percent-encoding) sustituye cualquier carácter con significado reservado en una URL por « % » y su valor hexadecimal. ' ' se convierte en « %20 », « & » en « %26 ». Dos primitivas en JavaScript hacen el trabajo: encodeURIComponent (valores) y encodeURI (URLs completas).

Cuándo usarla

Codifica cualquier cadena de usuario antes de meterla en una URL - valores de parámetros, segmentos de ruta, fragmentos, redirecciones, enlaces de compartir. Decodifica al leer valores codificados: query strings de analytics, callbacks OAuth, logs de servidor.

Errores comunes

Confundir encodeURIComponent y encodeURI es el bug clásico - encodeURI deja « & », « ? » y « = » porque son estructurales. No doble-codificar. Y no codifiques nombres de parámetros a mano: usa URLSearchParams o tu librería HTTP.

Preguntas frecuentes

¿encodeURIComponent o encodeURI?
encodeURIComponent para valores de parámetros - escapa « & » y « = » que tienen significado en URLs. encodeURI sobre una URL completa cuando solo quieres escapar caracteres ilegales.

Más en esta categoría