#071 · Herramienta para desarrolladores

Query String Builder

Construye una cadena de consulta a partir de pares clave-valor escritos línea por línea. El generador codifica nombres y valores con URLSearchParams, permite conservar parámetros repetidos y elegir si los valores vacíos deben incluirse. El resultado se puede copiar como query string aislada o reutilizar al formar una URL completa.

Datos de entrada

Pares clave-valor
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Escribe cada parámetro como clave=valor; las claves repetidas se conservan.
  2. Elige si deseas mantener u omitir valores vacíos.
  3. Selecciona si el resultado debe empezar por ?.
  4. Pulsa Generar query string y copia o descarga el resultado.

Qué hace esta herramienta para desarrolladores

Interpreta cada línea por su primer signo igual. Después aplica URLSearchParams para escapar espacios, símbolos reservados y caracteres Unicode sin modificar la secuencia de parámetros repetidos.

Las líneas vacías se ignoran. Una línea sin signo igual se trata como clave con valor vacío. El modo de valores vacíos decide si ese par se conserva.

URLSearchParams usa la codificación application/x-www-form-urlencoded: los espacios se representan normalmente con +.

Ejemplo

Entrada: q=hola mundo tag=js tag=web Salida: ?q=hola+mundo&tag=js&tag=web

Casos de uso

  • Preparar parámetros para enlaces de búsqueda o filtros.
  • Comprobar cómo quedarán codificados espacios y caracteres reservados.
  • Construir casos de prueba con parámetros repetidos.

Consejos para obtener resultados fiables

  • No codifiques manualmente % antes de usar el generador.
  • Usa claves repetidas cuando la API admita parámetros multivalor.
  • Revisa si el servidor distingue entre parámetro vacío y parámetro ausente.
  • No pegues secretos ni tokens si después vas a compartir la URL.

Detalles del procesamiento

El procesamiento es local. La herramienta no envía la query string a ningún servidor y conserva el orden en que aparecen los pares.

No valida si una API concreta admite una clave ni interpreta estructuras anidadas de frameworks; genera una query string estándar.

Preguntas frecuentes

¿Cómo crear una query string con parámetros repetidos como tag=js&tag=web?

Escribe cada par en una línea separada usando la misma clave. El generador conserva el orden y añade ambos valores.

¿Por qué los espacios aparecen como + en la query string?

URLSearchParams sigue la codificación de formularios URL, donde los espacios pueden representarse con el signo +.

¿Qué ocurre si una línea no contiene el signo igual?

Se interpreta como una clave con valor vacío y se conserva u omite según la opción de valores vacíos.

¿Debo aplicar encodeURIComponent antes de pegar los valores?

No. Introduce el texto original; la herramienta realiza la codificación para evitar doble escape.

¿La herramienta envía los parámetros o tokens a un servidor?

No. La generación se realiza en el navegador y no ejecuta ninguna petición de red.

Módulos y salida

MóduloQué muestra
EntradaPares clave=valor por línea
CodificaciónURLSearchParams
OpcionesVacíos y prefijo ?
SalidaQuery string lista para copiar