Parser de Query String de URL
La query string es la parte de una URL que sigue al carácter '?', formada por pares clave=valor separados por '&'. Esta herramienta utiliza la API URLSearchParams del navegador para analizar cualquier URL o query string en bruto, decodificando automáticamente los valores percent-encoded y mostrando los parámetros en una tabla clara.
También puedes usar el modo inverso: añade las filas de clave/valor que necesites y la herramienta construirá al instante una query string correctamente codificada, lista para añadir a cualquier URL. Es imprescindible al depurar peticiones de API, construir URLs de redirección o inspeccionar parámetros de seguimiento en URLs de marketing.
Como funciona
Análisis: extrae la parte después de '?' y divide por '&'; cada segmento se divide en el primer '=' para obtener clave y valor, ambos decodificados con decodeURIComponent(). Construcción: usa URLSearchParams.append(clave, valor) para cada fila y añade '?' como prefijo.
Casos de uso
- Depurar peticiones a APIs REST inspeccionando los parámetros de la URL
- Analizar parámetros UTM en enlaces de campañas de marketing
- Construir URLs de redirección con query strings dinámicas
- Decodificar valores percent-encoded de la barra de direcciones del navegador
- Probar el manejo de query strings en el desarrollo de aplicaciones web
Preguntas frecuentes
¿Qué es una query string en una URL?
La query string es todo lo que sigue al carácter '?' en una URL, formada por pares clave=valor unidos por '&' — por ejemplo, ?pagina=2&orden=precio. Los servidores y los scripts del lado del cliente leen estos parámetros para filtrar resultados, rastrear campañas o pasar estado entre páginas. Esta herramienta divide cualquier URL o query string en bruto en una tabla decodificada de parámetros.
¿Cómo se decodifica %20 y otros caracteres codificados en una URL?
La codificación porcentual representa caracteres reservados o no ASCII como % seguido del valor del byte en hexadecimal: %20 es un espacio, %2F es '/' y %3D es '='. En JavaScript, decodeURIComponent() revierte la codificación, que es exactamente lo que este parser aplica a cada clave y valor. Ten en cuenta que en las query strings el '+' también suele interpretarse como espacio.
¿Qué es la API URLSearchParams?
URLSearchParams es una API nativa del navegador para leer y construir query strings. Ofrece métodos como get(), getAll(), append() y toString(), y maneja la codificación porcentual automáticamente. Esta herramienta la usa internamente tanto para analizar la cadena que pegas como para construir una query string correctamente codificada a partir de tus filas de clave/valor.
¿Puede una query string tener la misma clave repetida?
Sí — las claves repetidas son válidas y comunes, por ejemplo ?tag=rojo&tag=azul. Su interpretación depende del servidor: algunos frameworks devuelven un array de valores, otros conservan solo la primera o la última ocurrencia. URLSearchParams expone todas las ocurrencias mediante getAll(), y este parser muestra cada par repetido en su propia fila.
¿Qué son los parámetros UTM en una URL?
Los parámetros UTM son claves estandarizadas de query string que las herramientas de analítica usan para atribuir el tráfico: utm_source, utm_medium, utm_campaign, utm_term y utm_content. Por ejemplo, ?utm_source=newsletter&utm_medium=email identifica visitas procedentes de una campaña de correo. Al pegar un enlace de campaña en este parser, cada valor UTM aparece decodificado y fácil de auditar.