Codificador / decodificador de URL gratis
Componentes de URL y cadenas de consulta con soporte Unicode completo.
Cargando herramienta…
Cómo codificar por ciento un valor de parámetro URL
Codificar o decodificar componentes de URL que contengan espacios, puntuación o Unicode. Copia el resultado en la parte apropiada de un enlace.
- Selecciona codificación o decodificación.
- Pegar el valor del componente para transformar.
- Revisa la salida o error de codificación malformada.
- Copiarlo en el parámetro o componente previsto.
Cuando la codificación por ciento importa
Los enlaces de la campaña de la construcción de los vendedores a menudo añaden valores con espacios o símbolos, como un nombre del producto con un ampersand. Sin codificación, ampersand divide la cadena de consulta y el valor se rompe. Los desarrolladores se encuentran con el mismo problema al crear peticiones de API o redirigir enlaces a mano.
La decoración es igualmente útil. Los registros, informes de análisis y enlaces compartidos a menudo muestran cadenas como caf%C3%A9 o %20, y la decodificación los convierte en texto legible para que pueda ver lo que un usuario realmente buscó.
Ejemplos trabajados con los cuatro modos
Elige encodeURIComponent e introduce herramientas online gratuitas y más. La salida es free%20online%20tools%20%26%20más. Los espacios se convierten en %20 y los ampersand en %26, por lo que toda la frase puede sentarse de forma segura dentro de un valor de consulta.
Elige encodeURI e introduce las herramientas online https://toolworldonline.com/?q=free. La salida es https://toolworldonline.com/?q=free%20online%20tools. Se mantiene el signo de colon, barra, signo de interrogación e igual, ya que encodeURI está destinado para toda una dirección.
El texto no inglés se maneja como bytes UTF-8. La palabra café se convierte en caf%C3%A9, porque é se almacena como los dos bytes C3 y A9. Si codifica el enlace completo https://a.com/?x=1 con encodeURIComponent, obtiene https%3A%2F%2Fa.com%2F%3Fx%3D1, que es correcto sólo cuando ese enlace es en sí mismo un valor de parámetro.
Cómo difieren los modos
La herramienta ofrece las cuatro funciones estándar del navegador. encodeURI deja caracteres que estructuran una URL solo, incluyendo: /? # & = y +. encodeURIComponente codifica también aquellos, dejando sólo letras, dígitos y las marcas - _.! ~ * ' ( ) como son.
Cada carácter codificado se convierte en un signo de porcentaje seguido de dos dígitos hexadecimales para cada byte UTF-8. En el lado decodificador, decodeURIComponent invierte cada escape, mientras que decodeURI deja escapes para caracteres reservados, como %2F o %26, en su lugar para que la estructura URL no se cambia. Una secuencia rota, como un signo de % solitario, produce un mensaje de error en lugar de salida.
Errores comunes a evitar
El error más común es codificar dos veces. Codificación %20 vuelve a convertirlo en %2520, y el servidor recibe el texto literal %20 en lugar de un espacio. Comprueba si su entrada ya está codificada primero.
Otro error es usar encodeURI para un solo valor de parámetro. No codificará & o =, por lo que el valor todavía puede romper la cadena de consulta. También ten en cuenta que estas funciones escriben espacios como %20, no como signo de plus. Algunos sistemas de estilo de forma esperan un signo más, así que comprueba lo que necesita el sistema receptor.
Consejos útiles y limitaciones
- Codificar una URL completa como componente también codifica sus separadores.
- Evita codificar contenido ya codificado a menos que la codificación doble sea intencional.
- Codifica cada valor de consulta por separado con encodeURIComponent, luego únete a ellos con caracteres simples y =.
- Si falla la decodificación de una cadena, busca un signo de porcentaje extraviado que no vaya seguido de dos dígitos hexadecimales.
Preguntas frecuentes
¿Esto es codificación Base64?
No. Utiliza signos porcentuales y bytes hexadecimales en lugar del esquema Base64.
¿Por qué falla la decodificación?
La entrada puede contener secuencias de porcentaje incompletas o bytes codificados no válidos.
¿Cuándo debe codificarse un enlace completo?
Cuando todo ese enlace es el valor de un componente, como un parámetro de redirección. De lo contrario, conservar la estructura URL circundante.
¿Cuál es la diferencia entre encodeURI y encodeURIComponent?
encodeURI mantiene los caracteres que dan a una URL su estructura, como barras y marcas de interrogación. encodeURIComponent los codifica también, por lo que es la elección correcta para un valor dentro de una URL.
¿Por qué un signo más permanece como un plus después de decodificar?
Estas funciones tratan + como un signo literal más, no como un espacio. Sólo %20 decodifica a un espacio.
¿Por qué decodeURI dejó %2F en mi resultado?
decodeURI deliberadamente mantiene escapes para caracteres reservados como barra y ampersand por lo que la estructura de la URL se mantiene igual. Usa decodeURIComponent para decodificarlos también.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online