Constructor de Query String
Añade pares de clave/valor y una URL base, y construye al instante una query string correctamente codificada en URL y una URL completa — con codificación de porcentaje adecuada, descarte de claves vacías y copia, todo en tu navegador.
El Constructor de Query String de ToolsSoup es una herramienta online gratuita que convierte una lista de pares de clave/valor en una query string correctamente codificada en URL — y en una URL completa cuando añades una base. Escribe el nombre y el valor de cada parámetro en su propia fila, añade o elimina filas a medida que avanzas, y la query string codificada se actualiza en vivo. Las claves y los valores se codifican en porcentaje con la misma lógica de URLSearchParams que usan los navegadores, así que los espacios, ampersands y otros caracteres especiales se escapan de forma segura. Todo se ejecuta localmente en tu navegador, así que nada de lo que escribes se envía a un servidor. Es exactamente el inverso de nuestro Analizador de Query String.
¿Qué es un constructor de query string?
Una query string es la parte de una URL después del signo de interrogación, formada por pares name=value unidos por ampersands — por ejemplo ?pagina=2&orden=precio&tag=nuevo. Construir una a mano es propenso a errores, porque cada carácter especial de una clave o valor tiene que codificarse en porcentaje: un espacio se convierte en %20, un ampersand se convierte en %26, y así sucesivamente. Un constructor de query string toma pares simples de clave/valor y hace esa codificación por ti, produciendo una cadena segura para colocar directamente en una URL. Esta herramienta usa el URLSearchParams nativo del navegador, así que la salida coincide exactamente con lo que la propia plataforma generaría.
Cómo construir una query string
Montar una query string lleva solo unos segundos:
- Escribe el nombre y el valor de un parámetro en la primera fila, y haz clic en Añadir parámetro por cada par adicional.
- Opcionalmente, pega una URL base para obtener un enlace completo y listo para usar en lugar de solo la query string.
- Copia el resultado codificado — las filas con clave vacía se omiten automáticamente.
Codificación, claves vacías y la URL base
Cada clave y valor se codifica en porcentaje individualmente, así que puedes escribir caracteres como espacios, =, & o # sin romper la URL. Las filas que no tienen clave se omiten, lo que te permite mantener filas en blanco mientras trabajas sin contaminar la salida. Cuando proporcionas una URL base, el constructor añade la consulta con un ? si la base aún no tiene ninguna, o con un & si ya contiene una query string. Sin una base, puedes activar o desactivar un signo de interrogación inicial según quieras un ?a=1&b=2 independiente o un a=1&b=2 simple.
¿Por qué usar este constructor de query string?
- Codifica en porcentaje cada clave y valor con el URLSearchParams nativo del navegador para una salida correcta y segura.
- Añade y elimina filas de parámetros con total libertad, con un campo limpio de clave/valor para cada par.
- Combina opcionalmente tus parámetros con una URL base para obtener un enlace completo y listo para usar.
- Omite las filas con claves vacías y te deja añadir u omitir el signo de interrogación inicial.
- Se ejecuta al 100% en tu navegador, así que los valores con tokens o datos personales nunca salen de tu dispositivo.
Preguntas frecuentes
¿Cómo se manejan los caracteres especiales?
Cada clave y valor se codifica en porcentaje por separado usando URLSearchParams, el mismo codificador que usan los navegadores. Los espacios se convierten en %20 (o + en algunos contextos), los ampersands se convierten en %26 y otros caracteres reservados se escapan, así que la query string siempre es segura para colocar en una URL.
¿Puedo repetir la misma clave?
Sí. Añade dos filas con el mismo nombre — por ejemplo tag y tag — y ambas aparecen en la salida como tag=a&tag=b. Repetir una clave es la forma estándar de codificar arrays y filtros de selección múltiple en una query string.
¿Qué pasa con las filas vacías?
Las filas con clave vacía se omiten, así que puedes dejar una fila en blanco mientras construyes el resto. Una fila con clave rellenada pero valor vacío se mantiene y produce clave= en la salida.
¿Se envía a alguna parte algo de lo que escribo?
No. Toda la codificación ocurre localmente en tu navegador con JavaScript. Las claves, los valores y la URL base que escribes y el resultado nunca salen de tu dispositivo, así que es seguro construir URLs que contengan tokens u otros datos privados.