Codificador y Decodificador de URL
Convierta entre texto plano y formatos seguros para URL con codificación por porcentaje. Elija el modo de componentes para codificar valores de parámetros de consulta (codifica caracteres reservados como ? & =), o el modo de URL completa para URLs enteras (preserva la estructura de la URL). Esencial para construir URLs de forma programática, depurar parámetros codificados y manejar caracteres especiales en direcciones web.
¿Qué hace esta herramienta?
El Codificador de URL proporciona codificación por porcentaje bidireccional para direcciones web y componentes de URL. Ofrece dos modos: Modo de componentes (encodeURIComponent) para codificar valores individuales que formarán parte de una URL, lo cual codifica casi todos los caracteres especiales, incluidos ? & = / # ; más espacios como %20; y Modo de URL completa (encodeURI) para codificar URLs completas, que preserva los caracteres reservados de la URL que tienen significado estructural. El decodificador maneja cualquiera de los dos formatos y proporciona mensajes de error claros para la codificación por porcentaje malformada.
Cómo funciona
La herramienta utiliza las funciones de codificación integradas de JavaScript con un manejo cuidadoso del conjunto de caracteres. Para la codificación de componentes, se usa encodeURIComponent, que escapa todos los caracteres excepto A-Z a-z 0-9 - _ . ! ~ * ' ( ). Para la codificación de URL completa, encodeURI preserva los caracteres de la estructura de la URL ; / ? : @ & = + $ , # mientras codifica los demás. La decodificación usa decodeURIComponent, que desescapa todas las secuencias codificadas por porcentaje de vuelta a sus representaciones de carácter. Las secuencias por porcentaje inválidas (como %ZZ o % al final) se detectan y se reportan con mensajes de error útiles.
Características
- Codificar y decodificar URLs escapadas por porcentaje
- Modo de componentes (encodeURIComponent) para parámetros de consulta
- Modo de URL completa (encodeURI) preserva caracteres reservados
- Captura entradas malformadas con mensajes de error claros
- Conversión en vivo mientras escribe
- Manejo de espacios: %20 en modo de componentes, preservados en modo de URL
- 100% de procesamiento del lado del cliente
Cómo usar
- 1
Seleccione el modo
Elija Codificar (plano → URL) o Decodificar (URL → plano).
- 2
Elija componentes o URL completa
Los componentes codifican ? & = # / — úselo para valores individuales como consultas de búsqueda. La URL completa preserva estos caracteres reservados — úselo para direcciones web completas.
- 3
Ingrese y convierta
Pegue su texto o URL. La salida se actualiza instantáneamente mostrando el resultado codificado o decodificado.
- 4
Copiar resultado
Haga clic en Copiar para obtener el resultado para su código, construcción de URL o depuración.
Casos de uso comunes
Construcción de URLs programáticamente
Codifique la entrada del usuario o valores de variables al construir URLs en JavaScript, Python u otros lenguajes para asegurar que los caracteres especiales no rompan la estructura de la URL.
Depuración de parámetros de URL
Decodifique cadenas de consulta desordenadas para entender qué datos se están pasando realmente, o verifique que su codificación produjo la salida esperada.
Preparación de datos de formulario
Codifique por porcentaje los valores de los campos de formulario para la entrega application/x-www-form-urlencoded, el estándar para los envíos de formularios HTML.
Construcción de solicitudes de API
Codifique correctamente los parámetros de consulta para llamadas de API REST, asegurando que se manejen correctamente caracteres como espacios, ampersand y signos de igual.
Consejos y buenas prácticas
- Use el modo de componentes para: valores de parámetros de consulta, nombres/valores de campos de formulario, cualquier dato que vaya DENTRO de una parte de URL
- Use el modo de URL completa para: URLs completas que desea escapar para mostrar, URLs con estructura existente que desea preservar
- Los espacios se codifican como %20 en el modo de componentes (o + en la codificación de formularios); el modo de URL completa deja los espacios como espacios
- Codifique siempre la entrada del usuario antes de añadirla a las URL — los & o ? no codificados en los datos del usuario romperán la estructura de su URL