Hur det fungerar
Varje tecken utanför den tillåtna uppsättningen skrivs som ett procenttecken följt av två hexadecimala siffror i dess UTF-8-byte. encodeURIConponent escaper allt utom A-Z a-z 0-9 - _ . ! ~ * ( ) medan encodeURI behåller reserverad URL-interpunktion intakt.
- Använd komponentläget för frågevärden; full-URL-läget behåller : / ? & = intakt.
Varför det spelar roll
Frågesträngar går sönder på subtila sätt: en sökterm som innehåller & skapar tyst en ny parameter, ett snedstreck i ett filnamn ändrar sökvägen och ett mellanslag hamnar någonstans oväntat. Korrekt kodning är skillnaden mellan en fungerande länk och en supportärende.
Ett fungerande exempel
encodeURIComponent("a b&c") returnerar a%20b%26c, medan encodeURI behåller & eftersom den behandlar strängen som en hel URL. Om du väljer fel ändras var frågan delas.
Vanliga misstag
- Använder fullständig URL-kodning för ett enda frågevärde.
- Förväntar sig att decodeURIConponent förvandlar + till ett mellanslag; det är formkodning.
- Kodar två gånger och undrar varför servern ser %2520.
Praktiska tips
Koda varje frågevärde separat och bygg sedan webbadressen från de kodade delarna. Om ett värde redan ser kodat ut, avkoda det en gång och koda om från den avkodade formen — upprepad kodning är den vanligaste källan till fel i %25-stil.
Hur man använder det
- Öppna verktyget. Allt körs på din webbläsarflik.
- Klistra in eller skriv in din inmatning och välj sedan den åtgärd du behöver.
- Kontrollera resultatet och kopiera det med ett klick.
Vanliga frågor
När använder jag komponent kontra fullständig URL?
Komponent för ett enskilt frågevärde, där / ? & = måste undvikas. Fullständig URL håller dessa separatorer intakta.
Varför blir mellanslag %20?
Procentkodning representerar ett mellanslag som %20. +-formuläret tillhör HTML-formulärkodning, inte webbadresser.
Varför lämnar avkodning + tecken?
decodeURIConponent behandlar inte + som ett mellanslag. Byt ut + med ett mellanslag först om värdet kom från en formulärinlämning.
Är detta verktyg verkligen gratis?
Ja. Det finns inget konto, ingen betalvägg och ingen användningsgräns. Tools App finansieras av aumenso, studion bakom.
Är något jag anger uppladdat?
Nej. Verktyget körs på din webbläsarflik; det du anger skickas aldrig till oss och lagras aldrig.