Codificador / Decodificador de URL
Codifica y decodifica URLs y cadenas de consulta (percent-encoding).
Pega una URL o un parámetro para codificar o decodificar. Mostramos encodeURI (URL completa) y encodeURIComponent (valor de parámetro) lado a lado.
https%3A%2F%2Farnaud.app%2F%3Fq%3Dhello%20world%26lang%3Den
https://arnaud.app/?q=hello%20world&lang=en
Cómo usarla
Codificar o decodificar
Codificar transforma texto plano en percent-encoding; Decodificar revierte.
Elegir el codificador adecuado
encodeURIComponent para valores, encodeURI para URLs completas. Mostramos ambos.
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.
Herramientas relacionadas
Más en esta categoría
- Formateador y validador JSON
- Codificador / Decodificador Base64
- Generador de hash (SHA-1, SHA-256, SHA-384, SHA-512)
- Decodificador JWT
- Probador de regex
- Conversor Markdown a HTML
- Conversor YAML a JSON
- Conversor CSV a JSON
- Formateador SQL
- Codificador / Decodificador de entidades HTML
- Lector de expresiones cron
- Formateador XML
- Minificador HTML
- Generador de datos ficticios
- Generador de tablas Markdown