Descompone cualquier URL en sus componentes al instante
Pega o escribe una URL para ver sus componentes
También podrías necesitar
Una URL (Uniform Resource Locator) es mucho más que una dirección web — es una estructura formal compuesta por hasta diez componentes distintos que determinan el protocolo, la identidad del servidor, la ruta del recurso, los parámetros de consulta y el fragmento de navegación. Entender cada parte es fundamental para depurar APIs, construir proxies, manipular rutas en frameworks como Next.js o Express, y analizar logs de acceso. Esta herramienta usa la API URL nativa del navegador (WHATWG URL Standard), la misma que usan Node.js, Deno y los navegadores modernos, garantizando un parsing idéntico al que ocurre en producción. El análisis ocurre completamente en tu navegador — ningún dato abandona tu dispositivo. Los query parameters se muestran en una tabla independiente con la posibilidad de copiar cada valor por separado, ideal para depurar endpoints con múltiples parámetros.
¿Qué API usa esta herramienta para parsear URLs?
Usa la API URL nativa del WHATWG URL Standard, implementada en todos los navegadores modernos, Node.js y Deno. El parsing es idéntico al que ocurre en producción: new URL(input) devuelve exactamente las mismas partes que verías en tu backend o framework. Si una URL es válida aquí, es válida en tu código.
¿Qué diferencia hay entre host y hostname?
hostname es solo el nombre de dominio sin el puerto (ej: api.example.com). host incluye el puerto cuando este no es el estándar del protocolo (ej: api.example.com:8080). Para los protocolos http y https, los puertos 80 y 443 son los estándar y no se incluyen en host ni en port.
¿Qué diferencia hay entre origin y host?
origin combina el protocolo, hostname y puerto en un string del formato protocolo://host (ej: https://api.example.com:8080). Es la base sobre la que se aplican las políticas CORS: dos URLs tienen el mismo origin si y solo si comparten protocolo, hostname y puerto exactos. host en cambio es solo hostname:port, sin el protocolo.
¿Por qué aparece el puerto vacío si la URL tiene https://...?
La API URL solo expone el puerto cuando es no estándar. https usa el puerto 443 por defecto y http usa el 80. Si la URL no especifica un puerto distinto al estándar de su protocolo, la propiedad port devuelve una cadena vacía — esto es comportamiento de la spec, no un error de esta herramienta.
¿Puedo parsear URLs sin protocolo como 'ejemplo.com'?
Sí. Esta herramienta detecta automáticamente cuando falta el protocolo y añade 'https://' para que el parser pueda procesarla. El campo Protocol mostrará 'https:' porque es el que se asumió. Si quieres usar un protocolo distinto (http, ftp, etc.), inclúyelo explícitamente en la URL.