URL-kodare / avkodare

En URL-kodare omvandlar tecken som inte kan användas direkt i en URL till procentkodade sekvenser. En URL-avkodare vänder på processen och omvandlar procentkodad text tillbaka till de ursprungliga tecknen. Den här sidan gör båda, i båda riktningarna, för antingen en enskild URL-komponent eller en fullständig URL.

Verktyget använder de fyra standard-JavaScript-funktionerna:

• encodeURIComponent — för kodning av en enskild URL-komponent, till exempel värdet på en frågeparameter.
• encodeURI — för kodning av en fullständig URL medan reserverade tecken som : / ? # & = bevaras, eftersom de har strukturell betydelse.
• decodeURIComponent — för avkodning av en enskild URL-komponent tillbaka till de ursprungliga tecknen.
• decodeURI — för avkodning av en fullständig URL utan att röra de reserverade tecknen.

Alla konverteringar är UTF-8-medvetna, så betonade bokstäver, emoji och tecken från icke-latinska skriftsystem omvandlas korrekt. Inget laddas upp, inget lagras och inga API-anrop görs.

Några praktiska exempel på hur URL-kodning ser ut i praktiken:

• Ett mellanslag blir %20, så hej världen kodas som hej%20v%C3%A4rlden.
• Ett snedstreck i ett frågeargument blir %2F, så a/b blir a%2Fb som parameter.
• Ett frågetecken i ett värde blir %3F, så vad? blir vad%3F.
• Et &-tecken i ett värde blir %26, vilket förhindrar att den omgivande frågesträngen bryts sönder.
• Ett brädgård-tecken i ett värde blir %23, så c# blir c%23.
• Icke-ASCII-tecken använder flerbyte UTF-8-sekvenser. Café blir till exempel caf%C3%A9 (é är två UTF-8-bytes).
• Emoji använder också flerbyte UTF-8: 😀 blir %F0%9F%98%80.

Växla verktyget till Avkoda och klistra in någon av dessa kodade strängar för att se originaltexten återställd exakt.

Att välja rätt läge är viktigt eftersom de två kodarna behandlar reserverade tecken olika.

Använd läget Komponent (encodeURIComponent / decodeURIComponent) när du kodar ett enskilt värde som ska infogas i en URL — till exempel värdet på en frågeparameter, ett sökvägssegment eller ett fragmentvärde. Komponentläget procentkodar reserverade tecken (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) så att de inte av misstag kan ändra strukturen på den omgivande URL:en.

Använd läget Fullständig URL (encodeURI / decodeURI) när du har en fullständig URL som https://exempel.se/sökväg?fråga=värde#fragment och bara vill undanta osäkra tecken (till exempel mellanslag eller icke-ASCII-tecken), utan att röra de reserverade strukturtecknen.

Ett vanligt misstag är att använda encodeURI på ett värde som ska vara en frågeparameter. De reserverade tecknen lämnas då oförändrade, vilket kan korrumpera den omgivande URL:en. Vid osäkerhet, koda varje frågeavärde med encodeURIComponent och sätt ihop URL:en efteråt.

Procentkodning (även kallad URL-kodning) är ett sätt att representera tecken i en URL som antingen är reserverade (har strukturell betydelse) eller inte är tillåtna alls. Varje osäker byte skrivs som ett procenttecken följt av två hexadecimala siffror — till exempel %20 för ett mellanslag, %2F för ett snedstreck eller %3F för ett frågetecken.

Kodningen arbetar på bytes, inte direkt på tecken. Moderna URL:er använder UTF-8 för att konvertera tecken till bytes först, vilket är varför en enda betonad bokstav kan bli två procentkodade bytes och en emoji kan bli fyra. Det här verktyget använder alltid UTF-8 så att kodade strängar är interoperabla med resten av webben.

Procentkodning definieras av RFC 3986. De inbyggda JavaScript-funktionerna som används här implementerar den specifikationen, så ett värde kodat med encodeURIComponent i valfri modern webbläsare avkodas korrekt med decodeURIComponent överallt annars.

Den här URL-kodaren och avkodaren är användbar när du behöver flytta text säkert in i eller ut ur en URL. Vanliga scenarier:

• Koda text för en frågesträng innan du klistrar in den i en API-begäran, en loggpost eller webbläsarens adressfält.
• Avkoda URL-parametrar från en begäranlogg eller en analysexport för att läsa de ursprungliga värdena.
• Granska en lång kodad URL genom att avkoda den och kontrollera vad som faktiskt skickas.
• Undanta specialtecken i en URL innan du delar den i chatt, dokumentation eller en JSON-payload.
• Lära sig hur procentkodning och UTF-8-bytesekvenser mappas till tecken.

Eftersom verktyget körs helt i webbläsaren passar det också för känsliga URL:er (interna länkar, tokens, signerade URL:er) som du helst inte klistrar in i en fjärrtjänst.

URL-kodning och URL-rensning är två olika åtgärder som ofta förväxlas.

URL-kodning (det här verktyget) omvandlar tecken till URL-säker procentkodning och omvänt. URL:ens struktur bevaras; inget läggs till eller tas bort.

URL-rensning (ett separat sorts verktyg) tar bort spårningsparametrar som utm_source, utm_medium, fbclid, gclid och liknande frågenycklar från en URL, så att den resulterande länken inte längre innehåller spårningsmetadata. URL-rensning ändrar parametrarna i URL:en — kodning gör det inte.

Om du vill ta bort spårningsparametrar behöver du ett dedikerat URL-rensningsverktyg. Om du vill koda eller avkoda text till och från procentkodad form är det här rätt verktyg.