Analizador de URL
Descompón cualquier URL en esquema, credenciales, host, puerto, segmentos de ruta, parámetros de consulta y fragmento, con valores decodificados y salida JSON.
| Esquema (protocolo) | https: |
|---|---|
| Usuario | user |
| Contraseña | pass |
| Nombre de host | shop.example.com |
| Puerto | 8080 |
| Ruta | /products/shoes |
| Segmentos de la ruta (decodificados) | 1. products 2. shoes |
| Cadena de consulta | ?color=red&size=42 |
| Fragmento | #reviews |
| Origen | https://shop.example.com:8080 |
| URL normalizada | https://user:pass@shop.example.com:8080/products/shoes?color=red&size=42#reviews |
| Clave | Valor decodificado |
|---|---|
| color | red |
| size | 42 |
{
"protocol": "https:",
"username": "user",
"password": "pass",
"hostname": "shop.example.com",
"port": "8080",
"pathname": "/products/shoes",
"search": "?color=red&size=42",
"hash": "#reviews",
"origin": "https://shop.example.com:8080",
"params": {
"color": "red",
"size": "42"
}
}¿Qué es Analizador de URL?
El analizador de URL divide una URL en sus componentes (esquema, usuario, contraseña, nombre de host, puerto, ruta, segmentos de ruta, cadena de consulta, cada parámetro de consulta y fragmento) y muestra el origen y la URL normalizada. Los valores con codificación porcentual se decodifican, los nombres de host internacionalizados se muestran en punycode y en Unicode, y los parámetros repetidos se conservan.
Cómo usar Analizador de URL
- Pega una URL absoluta, por ejemplo
https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h. - Consulta la tabla de componentes; la fila del puerto muestra el puerto por defecto cuando no se indica ninguno.
- Revisa la tabla de parámetros de consulta con cada clave y valor decodificados.
- Copia el bloque JSON para usar el resultado analizado en código o pruebas.
Ejemplo
https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h
host example.com · port 8080 · path segments: 1. a, 2. b c · query ?x=1&y=two (x = 1, y = two) · fragment #h
Cuándo usar Analizador de URL
Úsalo para depurar enlaces de seguimiento, URL de redirección OAuth, URL firmadas o llamadas a API con muchos parámetros. Solo analiza URL absolutas; para rutas relativas añade antes una base como https://example.com. No visita la URL.
Cómo funciona Analizador de URL
La URL se analiza con la clase URL WHATWG integrada en el navegador (el mismo analizador que usan los navegadores para navegar), así que el resultado coincide con el comportamiento real del navegador (host en minúsculas, segmentos con puntos resueltos, punycode para los IDN). Los parámetros de consulta proceden de URLSearchParams, que decodifica + como espacio y los escapes porcentuales como UTF-8. Los segmentos de ruta se decodifican con decodeURIComponent y se dejan tal cual si contienen un escape no válido.
Casos de Uso Comunes
- Leer los parámetros UTM y de ID de clic de un enlace de marketing.
- Inspeccionar el redirect_uri y el state de una URL de autorización OAuth.
- Decodificar un segmento de ruta con codificación porcentual para ver el nombre de archivo original.
- Encontrar la forma punycode de un dominio internacionalizado.
Preguntas Frecuentes
¿Por qué mi URL aparece como no válida?
El analizador necesita una URL absoluta con esquema. example.com/page es una referencia relativa; escribe https://example.com/page.
¿Por qué + se convirtió en un espacio?
En la cadena de consulta, URLSearchParams sigue la codificación de formularios HTML, donde + significa espacio. Usa %2B para un signo más literal.
¿Se envía la URL a algún sitio?
No, el análisis se hace por completo en tu navegador.