Analizador de URL

Resumen de la herramienta: Herramienta de análisis de URL

El análisis de URL es el proceso de descomponer una URL compleja en componentes estructurados y legibles. Esta herramienta analiza elementos como el protocolo, dominio, ruta y parámetros, ayudando a desarrolladores y usuarios a entender la estructura de una URL. El resultado se muestra en formato YAML para facilitar su lectura.

¿Qué es Herramienta de análisis de URL?

Herramienta de análisis de URL descompone una URL en protocolo, host, ruta y parámetros.

Cómo usarlo

1. Pega la URL completa.
2. La herramienta extrae cada componente.
3. Copia los campos necesarios.

Casos de uso comunes

• Depurar parámetros de consulta
• Comparar URLs entre entornos
• Explicar la estructura en documentación

❓ Preguntas frecuentes

P1: ¿Falló el análisis?
R: Asegura que tenga esquema.

P2: ¿Sin parámetros?
R: Verifica los separadores ? y &.

P3: ¿Problemas con IDN?
R: Convierte a Punycode si hace falta.

✨ Características principales

• 🔍 Análisis completo: descompone todos los componentes de una URL como protocolo, host, ruta y parámetros
• 📊 Salida en YAML: formato estructurado para fácil comprensión
• 🌐 Soporte Unicode: maneja correctamente dominios internacionales y parámetros codificados
• ⚡ Procesamiento en tiempo real: análisis inmediato sin enviar datos al servidor
• 📋 Copiar resultado: botón para copiar el resultado fácilmente
• 🔧 Gestión de errores: detecta errores y proporciona mensajes útiles

📖 Ejemplos de uso

Análisis básico

URL de entrada:

https://example.com/search?q=hello%20world&category=tools&page=1

Resultado:

protocol: https:
hostname: example.com
host: example.com
port: 443
pathname: /search
search: ?q=hello%20world&category=tools&page=1
origin: https://example.com
searchParams:
  - q: hello world
  - category: tools
  - page: 1

URL compleja con autenticación

URL de entrada:

https://user:[email protected]:8080/v1/data?format=json&limit=10#section1

Resultado:

protocol: https:
username: user
password: pass
hostname: api.example.com
host: api.example.com:8080
port: 8080
pathname: /v1/data
search: ?format=json&limit=10
hash: #section1
origin: https://api.example.com:8080
searchParams:
  - format: json
  - limit: 10

🎯 Casos de uso

1. Desarrollo web y depuración

Analizar URLs durante el desarrollo:

// Comprender la estructura de la URL
const url = 'https://myapp.com/users/123/profile?tab=settings&theme=dark'

// Resultado:
// - Ruta: /users/123/profile
// - Parámetros: tab=settings, theme=dark

2. Documentación y diseño de API

Comprender endpoints:

// Análisis de endpoint de API
const apiUrl = 'https://api.service.com/v2/users?include=profile&sort=name&page=1'

// Componentes:
// - Versión de la API: v2
// - Recurso: users
// - Parámetros: include, sort, page

3. SEO

Analizar estructuras de URL para optimización SEO:

https://blog.example.com/category/web-development/article/url-parsing-guide?utm_source=google&utm_medium=organic

Componentes:
- Dominio: blog.example.com
- Categoría: /category/web-development/
- Artículo: /article/url-parsing-guide
- Parámetros UTM: utm_source, utm_medium

4. Seguridad

Detectar URLs potencialmente peligrosas:

https://suspicious-site.com/redirect?url=https%3A%2F%2Flegit-site.com&token=abc123

Análisis revela:
- Redirección codificada
- Token sensible
- Útil para detectar ataques de phishing

🔧 Detalles técnicos

Componentes de una URL

protocol:

• Esquema de acceso al recurso
• Ejemplos: http:, https:, ftp:, file:
• Siempre termina con dos puntos

hostname:

• Nombre de dominio o dirección IP
• Ejemplos: example.com, 192.168.1.1, localhost
• No incluye el puerto

host:

• hostname + puerto (si se especifica)
• Ejemplos: example.com, example.com:8080

port:

• Número de puerto utilizado para la conexión
• Por defecto: 80 (HTTP), 443 (HTTPS)

pathname:

• Ruta de la URL, siempre comienza con /
• Ejemplos: /, /users/123, /api/v1/data

search:

• Cadena de consulta (empieza con ?)
• Ejemplos: ?q=search, ?page=1&limit=10

hash:

• Fragmento que sigue al #
• Ejemplos: #section1, #top

origin:

• protocol + hostname + port
• Ejemplos: https://example.com, http://localhost:3000

searchParams:

• Parámetros como pares clave-valor
• Decodificados automáticamente
• Representados como una lista de objetos

Decodificación de parámetros

Los parámetros codificados se decodifican automáticamente:

Entrada: ?name=John%20Doe&email=john%40example.com
Salida:
searchParams:
  - name: John Doe
  - email: [email protected]

Dominios internacionalizados (IDN)

Se admiten dominios con caracteres especiales:

Entrada: https://prueba.测试.com/path
Salida:
hostname: prueba.测试.com
host: prueba.测试.com

💡 Consejos de uso

• Copiar y pegar fácilmente: ideal para documentación o comentarios
• Comprender parámetros: revisa searchParams para entender filtros
• Auditoría de seguridad: detecta redirecciones y tokens sospechosos
• Documentación de API: explica cada endpoint de manera clara
• Depuración: compara URLs esperadas vs. reales

⚠️ Preguntas frecuentes

• URL inválida: asegúrate de incluir http:// o https://
• Caracteres codificados: decodificados automáticamente
• Puerto por defecto: los puertos 80 y 443 pueden no mostrarse en host
• Fragmentos (hash): solo se usan en el lado del cliente

🚀 Cómo usar

1. Introduce la URL: pega o escribe la URL que deseas analizar
2. Haz clic en "Analizar": se procesará inmediatamente
3. Revisa el resultado: todos los componentes aparecerán en YAML
4. Copia el resultado: úsalo para depuración o documentación
5. Prueba un ejemplo: explora cómo se analiza una URL compleja

Privacidad: todo el análisis se realiza localmente en tu navegador. No se envían datos a servidores externos, garantizando tu privacidad y seguridad.