Área de herramienta
codificador URL, decodificador URL y parser de query string
Codifica valores, decodifica query strings e inspecciona partes de URL.
Codificador, decodificador y parser URL
Codificador, decodificador y parser URL
bytes →
Codificador, decodificador y parser URL
Parámetros de consulta
IDN / Punycode
Codificador, decodificador y parser URL
..
Encabezado
Payload
Metadatos
· Expira:
Verificar firma
Firmar (HS)
Codificador, decodificador y parser URL
Biblioteca de patrones
Coincidencias resaltadas
Coincidencias ()
Resultado del reemplazo
Codificador, decodificador y parser URL
Relativo:
Zona horaria
Construir por partes
Diferencia
Codificador, decodificador y parser URL
Codificador, decodificador y parser URL
Codificador, decodificador y parser URL
Ejemplos
Entrada
hello world & café
Codificado
hello%20world%20%26%20caf%C3%A9
URL Guías y artículos
Cómo una URL convierte texto en una dirección usable por la web
Una URL combina esquema, host, ruta, query y fragmento para identificar recursos. Su apariencia simple esconde reglas de parsing y encoding.
Leer artículoErrores de URL encoding que rompen aplicaciones
Los fallos de URL encoding nacen al mezclar path, query, formularios y strings manuales. Un carácter mal escapado puede cambiar todo el significado.
Leer artículoCómo diseñar URLs limpias, estables y fáciles de compartir
Las URLs públicas son parte del producto. Deben ser legibles, canónicas, compatibles con cambios y cuidadosas con tracking, filtros y permisos.
Leer artículoCodificador, decodificador y parser URL
Codifica valores, decodifica query strings e inspecciona partes de URL. DevToolGrid Online ofrece un codificador URL, decodificador URL y parser de query string.
¿Qué es la codificación de URL?
La codificación de URL (percent-encoding) sustituye los caracteres inseguros o reservados de una URL por un % seguido de su código hexadecimal. Por ejemplo, un espacio se convierte en %20 y & en %26. Permite poner cualquier texto —espacios, Unicode, símbolos— en cadenas de consulta y rutas sin romper la dirección.
Cómo codificar o decodificar una URL
- 1 Pega una URL o un valor en el panel de entrada.
- 2 Pulsa Encode component para valores de consulta o Encode URI para conservar la estructura.
- 3 Usa Decode para volver los escapes de porcentaje a texto legible.
- 4 Analiza una URL completa para ver el esquema, host, ruta, consulta y fragmento.
Errores comunes de codificación de URL
- Espacio como + o %20En las cadenas de consulta un espacio puede aparecer como + (codificación de formulario) o %20. Confundirlos corrompe los valores.
- No codificar caracteres reservadosCaracteres como &, =, ? y # tienen significado especial. Dejarlos sin codificar en un valor rompe la consulta.
- Doble codificaciónCodificar una cadena ya codificada convierte %20 en %2520. Codifica cada valor exactamente una vez.
encodeURIComponent vs encodeURI
encodeURIComponent codifica casi todo, incluidos & = ? /, por lo que es correcto para un único valor de consulta o segmento de ruta. encodeURI conserva los caracteres que forman una URL válida (como : / ? &) y sirve para codificar una dirección completa. Usa la versión component para parámetros y la completa para URLs enteras.
Preguntas frecuentes
¿Es gratis esta herramienta?
Sí. El codificador, decodificador y analizador de URL son totalmente gratuitos y sin límites.
¿Se envían mis datos a un servidor?
No. La codificación, decodificación y análisis se ejecutan localmente en tu navegador; no se sube nada.
¿Cuál es la diferencia entre + y %20?
Ambos pueden significar un espacio en una cadena de consulta. %20 siempre es un espacio; + solo es un espacio en datos application/x-www-form-urlencoded.
¿Puede analizar parámetros de consulta?
Sí. Divide una URL en sus partes y te permite editar, ordenar y eliminar duplicados de los parámetros.