Codificador y decodificador de URL con editor de query string
Codifica o decodifica URLs como toca, con una eleccion explicita entre escape de componente y de URI completa, y edita cualquier query string como una tabla de pares clave y valor. Todo corre en tu navegador, no se sube nada.
Codificar o decodificar
Escapa los caracteres reservados como & = ? / para que el texto sea seguro dentro de un valor de query o un segmento de ruta.
Editor de query string
Pega una URL o una query string, edita cada parametro como una fila y copia el enlace reconstruido.
Separa la URL en su base, sus parametros y su fragmento. Pulsa Intro o Analizar.
Tu texto y tus URLs se quedan en tu dispositivo. No se sube nada.
Qué hace esta herramienta
El codificador y decodificador de URL resuelve los dos casos que de verdad dan problemas. Primero, escapa y desescapa texto con el modo que elijas: el escape de componente (encodeURIComponent) hace que un valor sea seguro dentro de un solo hueco de query o de un segmento de ruta, porque escapa los caracteres reservados como &, =, ? y /, mientras que el escape de URI completa (encodeURI) deja esos separadores intactos para que una direccion entera siga siendo un enlace que funciona. Segundo, abre cualquier URL como una tabla editable: pega un enlace, ve cada parametro de la query como una fila de clave y valor, editalos, anadelos o quitalos, y lee la URL reconstruida. Ademas acierta con el detalle del formato, donde un espacio se puede escribir como + o como %20. No se sube nada, toda la herramienta corre en tu navegador.
Depurando una API? Base64 se encarga de las credenciales de una cabecera Authorization, y un token que sacas de una URL suele ir directo al decodificador de JWT.
Para qué te sirve
- Escapar un valor que va dentro de un parametro de query sin romper el resto de la URL.
- Decodificar un enlace codificado con porcentajes para leer a donde apunta de verdad.
- Editar, anadir o quitar parametros de una URL de seguimiento larga como una tabla sencilla.
- Arreglar una URL doblemente codificada donde & se convirtio en %26 y rompio el enlace.
- Decidir si un espacio debe ser un + o un %20 para el backend al que llamas.
Cómo se usa
- Para un solo valor, elige codificar o decodificar y escoge escape de componente o de URI completa.
- Pega tu texto y copia el resultado desde la caja de salida.
- Para editar una URL, pegala en el editor de query y pulsa Analizar.
- Cambia la base, edita las filas de parametros o anade y quita pares.
- Cambia los espacios entre + y %20, y luego copia la URL reconstruida.
Todo el trabajo ocurre dentro de tu navegador, sin subir archivos a ningún servidor. Ver más herramientas del mismo campo.
Combina bien con
Otras herramientas que la gente suele usar en el mismo flujo.
- Codificar y Decodificar Base64
codificar y decodificar Base64
Combina muy bien en flujos de desarrollo.
- Decodificar JWT (JSON Web Token)
decodificar la cabecera y el payload de un JWT
Imprescindible cuando depuras una API.
- Generador de Slugs para URL
convertir texto en slugs
Combina muy bien en flujos de desarrollo.
Otras herramientas del mismo campo
DesarrolloCodificar y Decodificar Base64
Codifica y decodifica texto en Base64 online, con alfabeto URL-safe opcional. Todo en tu navegador, nada se sube a ningún servidor.
Decodificar JWT (JSON Web Token)
Decodifica la cabecera y el payload de un JSON Web Token online. Sin verificar la firma, gratis y en tu navegador, nada sale de tu dispositivo.
Generador de Slugs para URL
Convierte cualquier texto en un slug de URL limpio online, listo para permalinks y SEO. Gratis, al instante y en tu navegador, sin subidas.
Probador de Regex Online
Prueba y depura expresiones regulares online en tiempo real, con grupos de captura y coincidencias resaltadas. Gratis y en tu navegador.
Preguntas frecuentes
Cual es la diferencia entre codificar por componente y por URI completa?
encodeURIComponent (componente) escapa los caracteres reservados de la URL, asi que : / ? # & = + y otros pasan a codigos de porcentaje. Usalo para un solo valor que vive dentro de un parametro de query o un segmento de ruta. encodeURI (URI completa) da por hecho que codificas una direccion entera, asi que deja esos separadores intactos y solo escapa espacios y otros caracteres no seguros. Codificar una URL entera en modo componente escapa dos veces sus separadores y la rompe; codificar un solo valor en modo URI completa deja un & o un = que corrompe la query. Elegir el modo correcto es justo para lo que sirve el interruptor.
Por que a veces un espacio se convierte en + y a veces en %20?
Los dos significan un espacio en una query string, pero vienen de reglas distintas. En el formato form-urlencoded que usan los formularios HTML, un espacio se escribe como +. En una URL generica un espacio se escribe como %20. La mayoria de servidores aceptan cualquiera de los dos en la query, pero algunos son estrictos, asi que el editor te deja elegir. Al decodificar, un + en la query se lee de vuelta como un espacio.
El editor de query mantiene las claves repetidas y su orden?
Si. Una query como tag=a&tag=b es habitual y tiene sentido, asi que cada par se mantiene como su propia fila en el orden en que aparecio. Editar, anadir o quitar una fila nunca reordena ni fusiona las demas, y la URL reconstruida conserva esa secuencia exacta.
Rompera mi URL si tiene un fragmento o no tiene query?
No. El editor separa la URL en su base, su query y su fragmento, y solo reescribe la query. Un fragmento despues del # se conserva como su propio campo, y una URL sin query nunca gana un ? colgando. Tambien puedes pegar una query string suelta como a=1&b=2.
Se sube algo?
No. Toda la codificacion, decodificacion y edicion de la query ocurre en local en tu navegador con las propias funciones de la plataforma. Nada de lo que pegas se envia a ningun sitio.