¿Cómo codifico, decodifico y analizo una URL?
Necesitas meter una frase de búsqueda en un enlace. Has copiado una URL con signos de porcentaje por todas partes y quieres leer qué hay dentro de verdad. Estás depurando una API y la query string parece un muro de %20 y &. Esta herramienta cubre los tres casos.
Tres modos en un sitio: Codificar convierte texto plano en un fragmento seguro para URL, Decodificar lo invierte y Analizar divide una URL completa en sus partes (esquema, host, puerto, ruta, query, fragmento) y dispone los parámetros de query en una tabla con tratamiento correcto de duplicados, valores que faltan y claves codificadas.
Todo se ejecuta en tu navegador. Sin llamadas de red, sin logs y sin copias guardadas.
Cómo se usa
- Elige un modo arriba: Codificar, Decodificar o Analizar. El cuadro de entrada cambia su indicación según el modo.
- En modo Codificar elige una estrategia: encodeURI (codifica solo caracteres inseguros; deja en paz caracteres reservados como `?&=`), encodeURIComponent (codifica el valor de un único parámetro de query) o strict (la más agresiva, también codifica `! * ' ( )`).
- En modo Decodificar pega una cadena codificada con porcentaje. La herramienta marca las secuencias mal formadas como `%E0%A4` con un error claro en lugar de fallar en silencio.
- En modo Analizar pega una URL completa como `https://user:pass@example.com:8443/api/v1/items?a=1&a=2&q=hola%20mundo&flag#section`. Obtienes una tabla con esquema, usuario, contraseña, host, puerto, ruta, query y fragmento, además de la ruta dividida en segmentos y la query separada en filas clave/valor.
- Pulsa Copiar para copiar la salida. Pulsa Cargar muestra para rellenar el cuadro con un ejemplo representativo.
- Para los parámetros de query la herramienta gestiona duplicados (`?a=1&a=2` muestra ambos valores con una insignia "2× duplicado"), valores que faltan (`?flag` aparece como null) y claves codificadas (la clave cruda original aparece junto a la decodificada).
Cuándo te resulta útil
Las situaciones más comunes en las que uno de los tres modos te ahorra unos minutos de frustración:
- Pegar una frase de búsqueda en una URL. Quieres un enlace de "comparte esta búsqueda" con una query como `?q=hola mundo & amigos`. Espacios, ampersands y comillas rompen la URL. El modo Codificar la convierte en una cadena segura que puedes meter directamente en el enlace.
- Leer un enlace de tracking de un correo. Recibiste un correo de marketing y el enlace parece una sopa de signos de porcentaje. El modo Decodificar te muestra el destino real, incluidos los UTM, antes de pulsar.
- Depurar una llamada de API. El frontend envía una petición y los logs del servidor muestran `query=hola%20mundo%26amigos`. Decodificar confirma lo que el servidor recibió frente a lo que el frontend creía enviar.
- Entender una URL compleja. Un compañero te manda un enlace con credenciales de basic auth, un puerto no estándar, una ruta larga y 10 parámetros. El modo Analizar lo dispone como una tabla y ves qué va dónde sin entornar los ojos.
- Validar una URL antes de almacenarla. Aceptas URLs enviadas por usuarios (un portal de empleo, un portafolio). El modo Analizar señala URLs inválidas con el mensaje de error nativo, así que puedes rechazarlas antes de que lleguen a tu base de datos.
- Manejar query strings con duplicados. Una URL de búsqueda facetada lleva `?tag=react&tag=typescript&tag=nextjs`. El `URLSearchParams` estándar te da una lista plana, pero ver los tres valores agrupados bajo una clave en la tabla deja clara la estructura.
Para escapado en contexto HTML (mostrar `<` o `&` como texto literal en una página) usa el codificador de entidades HTML. Para payloads binarios, cabeceras de autenticación o data URLs usa el codificador Base64.