encodeURIComponent: para un valor de un parámetro o un tramo de la ruta. Codifica todo menos letras, dígitos y - _ . ! ~ * ' ( ).
Analizador de URL
Separa una URL completa en sus partes, edita sus parámetros y vuelve a montarla.Pega una URL con su esquema (https://…) para ver sus partes.
Todo se hace en tu navegador. Nada de lo que pegas se envía al servidor de Tooly.
Sobre el codificador de URL
Codifica texto con codificación porcentual para que viaje dentro de una URL, o convierte secuencias como %20 en texto legible. Elige la codificación de componente para un solo valor, la de URL completa para una dirección entera o la de formularios cuando los espacios deban ser +. Debajo, pega cualquier enlace para ver su protocolo, host, puerto, ruta, parámetros y fragmento, edita los parámetros en una tabla y copia la URL montada.
Cómo usar el codificador de URL
-
Elige «Codificar» o «Decodificar» y un modo
«Componente» codifica todo lo que podría romper una URL, para un valor de un parámetro o un tramo de la ruta. «URL completa» mantiene : / ? # & = para que una dirección entera siga funcionando. «Formulario (+)» sigue a los formularios HTML y escribe los espacios como +.
-
Escribe o pega tu texto
El resultado aparece mientras escribes. Si no se puede decodificar, el error dice qué secuencia está mal y dónde. El botón de intercambiar pasa el resultado a la entrada y cambia el sentido.
-
Desmonta una URL
Pega una URL completa, con https://, en el analizador de URL para ver cada parte. Edita, añade o quita parámetros en la tabla y copia la URL montada.
Casos de uso
Montar parámetros y llamadas a API
Codifica términos de búsqueda, direcciones de correo, JSON o URL de redirección antes de meterlos en un parámetro, para que los &, = y # que contienen no partan el parámetro.
Leer enlaces de seguimiento y de redirección
Decodifica enlaces largos de campañas o de inicio de sesión para leer las etiquetas UTM, el destino de la redirección y los demás parámetros escondidos en la codificación %.
Arreglar enlaces rotos
Encuentra un % suelto que rompe un enlace, un texto codificado dos veces (%2520) o un + que debía ser un espacio, y corrígelo antes de publicar.
Preguntas frecuentes
¿Qué diferencia hay entre %20 y + para un espacio?
%20 es codificación porcentual y significa un espacio en cualquier parte de una URL. + solo significa espacio en los parámetros codificados como application/x-www-form-urlencoded, el formato de los formularios HTML y de URLSearchParams; en la ruta, + es un signo más literal. Decodifica con «Formulario (+)» el texto que venga de un formulario o de los parámetros de una URL, y escribe un + literal como %2B.
¿Cuándo uso encodeURIComponent y cuándo encodeURI?
Usa encodeURIComponent («Componente») para un trozo de URL, como el valor de un parámetro o un tramo de la ruta: también codifica / ? & = y #, para que no puedan cambiar la estructura de la URL. Usa encodeURI («URL completa») con una dirección entera: deja esos caracteres como están y codifica los espacios, las letras que no son ASCII, el signo % y caracteres como " < > { } que las URL no admiten. Aplicar encodeURI a un solo valor es un error habitual, porque un & dentro de él empieza un parámetro nuevo.
¿Por qué falla la decodificación con un error de URI mal formada?
O hay un % que no va seguido de dos dígitos hexadecimales, como en 100% o %zz, o los bytes codificados no son UTF-8 válido: un carácter cortado por la mitad, como %E2%82, o texto codificado en el antiguo juego de caracteres Latin-1, donde la é es %E9 en lugar de %C3%A9. El decodificador solo lee UTF-8 y muestra qué secuencia falló y dónde. Un % literal se escribe %25.
¿Qué significa %2520?
Es un espacio codificado dos veces: la primera pasada convirtió el espacio en %20, y la segunda codificó el % de %20 como %25. Al decodificarlo una vez se obtiene %20, así que vuelve a decodificar el resultado para obtener el espacio. La doble codificación suele pasar cuando el código codifica un valor que ya estaba codificado.
¿El analizador cambia mi URL?
El protocolo, el host, la ruta y el fragmento se mantienen, salvo que los navegadores escriben los dominios internacionales en punycode (xn--…). Los parámetros se vuelven a montar desde la tabla con URLSearchParams, así que los espacios salen como + y los caracteres se codifican de la forma estándar: la URL montada puede verse distinta de la original aunque signifique lo mismo. Todo se hace en tu navegador y no se envía nada a ningún servidor.
Herramientas relacionadas
Explora todas las herramientas online gratis de Tooly: todas funcionan en tu navegador y ninguna necesita cuenta.