Analizador de Consultas URL

Analiza componentes de URL y parámetros de consulta

Sobre el Analizador de Consultas URL

• Analiza automáticamente componentes de URL (protocolo, host, ruta, hash)
• Decodifica parámetros de consulta codificados en porcentaje
• Edita, agrega o elimina parámetros de forma interactiva
• Exporta el análisis como JSON para depuración o documentación

Analiza URLs completas y descompón en sus partes: protocolo, dominio, puerto, ruta, query string, y hash. Ve todos los parámetros de consulta decodificados y en formato legible. Edita, agrega o elimina parámetros y reconstruye la URL automáticamente. Exporta análisis como JSON para documentación o debugging. Esencial para desarrolladores trabajando con APIs REST, marketers analizando enlaces de tracking (UTM), o cualquiera que necesite entender URLs complejos de Mercado Libre, Google Ads, Facebook, o sistemas de e-commerce.

Una URL (Uniform Resource Locator) tiene componentes estructurados: (1) Protocolo: https:// o http:// (2) Usuario/contraseña: usuario:pass@ (raro hoy). (3) Hostname: www.ejemplo.com. (4) Puerto: :8080 (omitido para puertos estándar 80/443). (5) Path: /ruta/al/recurso. (6) Query string: ?param1=valor1&param2=valor2. (7) Fragment/hash: #seccion (no se envía al servidor). El query string es especialmente importante en APIs REST, tracking de marketing, y aplicaciones web. Los parámetros están codificados (URL encoding) y necesitan decodificarse para lectura humana.

Debuggear Llamadas API

Cuando una API no responde como esperas, analiza la URL completa. Verifica que parámetros como api_key, page, limit estén correctos y bien codificados.

Analizar Enlaces de Marketing

URLs de campañas tienen parámetros UTM (utm_source, utm_medium, utm_campaign). Descompón para entender configuración de tracking en Google Analytics.

Inspeccionar Deep Links

Apps móviles usan deep links con parámetros. Analiza URLs de Mercado Libre, Rappi, o tu app para debuggear navegación y pasar datos.

Construir URLs para APIs

Añade o modifica parámetros visualmente, ve el resultado codificado, y copia la URL lista para usar en código o Postman.

Documentar Endpoints

Exporta el análisis como JSON para incluir en documentación de API. Muestra todos los parámetros, valores, y significados.

El analizador usa la API URL nativa de JavaScript (WHATWG URL Standard). Proceso: (1) Se crea objeto URL: new URL(input). (2) Se extraen propiedades: protocol, hostname, port, pathname, hash. (3) Se parsea searchParams (URLSearchParams) para query string. (4) Se decodifica cada valor con decodeURIComponent. (5) Ediciones modifican el objeto URLSearchParams. (6) Se reconstruye URL con toString(). Esta implementación maneja correctamente URLs internationalizadas (IDN), IPv6, y casos edge. Nota: URLs inválidas lanzan error—la herramienta muestra mensaje claro.

Componente	Ejemplo	Propósito
Protocol	https://	Método de comunicación
Hostname	api.mercadolibre.com	Servidor destino
Port	:443	Puerto TCP (443 HTTPS default)
Pathname	/items/MLM123456	Ruta al recurso
Query String	?include=desc	Parámetros de request
Hash	#reviews	Ancla (solo cliente)

La API URL está disponible en todos los navegadores modernos (Chrome 32+, Firefox 26+, Safari 10+, Edge 12+). Soporta URLs hasta 2MB (límite práctico de navegadores). Para URLs muy largos de data URIs o base64, considera otras herramientas. Todo el procesamiento es local—tus URLs (que pueden contener tokens, API keys) nunca salen de tu navegador.

Preguntas frecuentes

¿Por qué los valores se muestran diferentes de la URL?

Los valores en URLs están percent-encoded (%20 para espacio, %C3%A9 para é). El analizador los decodifica para mostrar el valor real. La URL construida los re-codifica automáticamente.

¿Qué significa 'URL inválida'?

La URL no sigue el estándar. Causas comunes: falta protocolo (http:// o https://), caracteres ilegales no codificados, o estructura incorrecta. Intenta añadir https:// al inicio.

¿El hash (#) se envía al servidor?

No. El fragmento/hash es procesado solo por el navegador. Servidores nunca reciben la parte después de #. Es útil para navegación en página (anclas) y routing client-side (React Router, Vue Router).

¿Cómo copio parámetros para usar en código?

Usa 'Exportar JSON' para obtener un objeto con todos los parámetros decodificados. Puedes usar esto directamente en JavaScript o convertir a otros lenguajes.