🧩 Frågesträngsbyggare

Lägg till rader med nyckel/värde och få direkt en korrekt percentkodad frågesträng, byggd med URLSearchParams. Ange en bas-URL för att se den fullständiga sammansatta URL:en, eller växla till Tolka och klistra in en befintlig frågesträng eller URL för att bryta ned varje parameter i en tabell.

Bas-URL (valfritt)

Parametrar

Resultat

Fler utvecklarverktyg

🔍 URL-tolk 🔗 URL-kodare/avkodare 📊 UTM-byggare

GUIDE

Las mer

1. Varför koda med URLSearchParams?

Frågesträngar innehåller ofta icke-ASCII-tecken, mellanslag och specialtecken som `&`, `=` och `#`. Att sätta ihop dem för hand leder lätt till buggar - saknad kodning, dubbelkodning eller kollisioner mellan avgränsare. URLSearchParams är ett webbläsarstandard-API som korrekt percentkodar varje värde enligt reglerna för application/x-www-form-urlencoded och sammanfogar dem säkert med `&`. Det här verktyget använder exakt den logiken för att bygga sin utdata.

2. Hur hanteras dubbla nycklar?

Frågesträngar som `category=IT&category=Dev`, där samma nyckel upprepas, är vanliga för flervalsfilter eller array-liknande parametrar. Fliken Tolka läser varje post i ordning via URLSearchParams.entries(), och visar en separat tabellrad för varje värde även när nyckeln upprepas - vilket undviker det vanliga misstaget att bara behålla det första värdet och tyst släppa resten.

3. Rundresa mellan Bygg och Tolka

Klistra in en fullständig URL i Tolka så extraherar den korrekt bara delen efter `?` (och före eventuella `#`) som frågesträngen. Omvänt kan du klistra in resultatet från Bygg tillbaka i Tolka för att verifiera att kodningen är korrekt och att varje värde återgår till sin ursprungliga form.

Vanliga fragor

Kodas icke-ASCII-värden som emoji eller tecken med accenter korrekt?

Ja. URLSearchParams kodar alla icke-ASCII-tecken med standardiserad UTF-8-percentkodning. Alla värden du anger - tecken med accenter, emoji, mellanslag - kodas säkert.

Vad händer med tomma nycklar eller värden?

Rader med tom nyckel tas bort från resultatet. En rad med en nyckel men ett tomt värde tas ändå med, som `key=`.

Vad händer om jag inte anger någon bas-URL?

Utan bas-URL visas bara själva frågesträngen, t.ex. `?key=value&...`. Ange en bas-URL för att få den fullständiga sammansatta URL:en, t.ex. `baseUrl?key=value&...`.

Skickas mina data till en server?

Nej. Både byggande och tolkning sker helt i webbläsarens JavaScript och skickas aldrig till en server.