acento.io
Utvecklarverktyg

URL encoder & decoder

Koda och avkoda URL-strängar online – allt sker i din webbläsare, inget skickas till en server.

Av Carlos Suárez , Systemingenjör
Senast uppdaterad:

Vad URL encoder & decoder gör

Den här svenska versionen av URL encoder & decoder omvandlar text till procentkodad form enligt RFC 3986 och avkodar kodade URL:er tillbaka till läsbar text. RFC 3986 reserverar 18 ASCII-tecken som måste procentkodas för att en URL ska vara giltig – ett mellanslag blir exempelvis %20 i en URL-sökväg. Verktyget hanterar UTF-8 korrekt, vilket betyder att svenska tecken som å, ä och ö kodas rätt även i äldre system som ursprungligen byggde på ISO 8859-1 (Latin-1). Sverige har antagit standarden SS-EN 301 549 för digital tillgänglighet, som kräver Unicode-stöd i offentliga digitala tjänster – det gör korrekt teckenkodning extra viktig. 100 % klientbaserat – dina data lämnar aldrig din webbläsare. Inga uppladdningar, ingen spårning, inga serverloggar.

Funktioner

  • Två kodningslägen. Välj mellan encodeURI (bevarar reserverade tecken som / ? & =) och encodeURIComponent (kodar allt utom bokstäver, siffror och - _ . ~). Rätt val beror på om du kodar en hel URL eller ett enstaka parametervärde.
  • Korrekt UTF-8-hantering. Flerbyte-tecken som å, ä, ö och emoji konverteras rätt. Kodningen följer WHATWG Encoding Standard så att resultatet är kompatibelt med moderna webbläsare och servrar.
  • Omedelbar avkodning. Klistra in en URL med procentkodade sekvenser och se klartext direkt. Praktiskt när du felsöker loggar eller HTTP-trafik med http-kodade strängar.
  • Skyddar känslig data. Tokens, e-postadresser och andra känsliga värden i frågesträngar hanteras lokalt. Inget lämnar webbläsaren, vilket gör det säkert även för OAuth-redirect-URI:er som innehåller åtkomsttokens.
  • Direkt kopiering. Ett klick kopierar resultatet till urklipp. Fungerar utan extra steg i alla moderna webbläsare.

Så här använder du URL encoder & decoder

Välj fliken Koda eller Avkoda, klistra in din text och resultatet visas direkt. Kopiera med knappen.

  1. Välj riktning. Klicka på fliken Koda om du vill omvandla text till en URL-säker sträng, eller Avkoda för att tolka en befintlig kodad URL.
  2. Ange läge (vid kodning). Bocka i "Koda som komponent" om du kodar ett enstaka parametervärde, t.ex. en redirect-URI i ett OAuth-flöde. Lämna obockad för hela URL:er. I JavaScript motsvarar detta encodeURIComponent('a b&c=d') respektive encodeURI().
  3. Klistra in din text. Skriv eller klistra in texten i inmatningsfältet. Resultatet uppdateras direkt utan att du behöver klicka på någon knapp.
  4. Kopiera resultatet. Klicka på Kopiera för att spara resultatet till urklipp och klistra in det där du behöver det.

Vanliga användningsområden

  • Bygga säkra frågesträngar. När du lägger till parametrar i en URL måste värden som innehåller & = eller # kodas. Verktyget visar direkt rätt utdata – t.ex. omvandlas ett mellanslag till %20, inte + (som används i formulärdata).
  • OAuth och redirect-URI:er. Redirect-URI:er måste procentkodas exakt som de är registrerade hos identitetsleverantören. Fel kodning är en vanlig orsak till misslyckade OAuth-flöden. Koda URI:n här och jämför med det registrerade värdet.
  • Felsöka dubbel-kodning. En vanlig bugg är att koda en redan kodad sträng en gång till, så att %20 blir %2520. Avkoda strängen steg för steg för att hitta var den extra kodningen sker i din pipeline. Om du även arbetar med binärdata kan [Base64 encoder & decoder](/sv/base64/) vara ett komplement.
  • Analytik och spårningsparametrar. UTM-parametrar och kampanjvärden med specialtecken måste kodas för att fungera i länkhanterare och analysverktyg. Koda dem här innan du skapar kortlänkar eller QR-koder – se även [QR-kod-generator](/sv/qr-code-generator/) för nästa steg.
  • Python- och PHP-utveckling. Kontrollera snabbt vad from urllib.parse import quote; quote('a b&c=d') eller PHP:s urlencode() borde returnera utan att behöva köra koden. Användbart vid html url decode och http url decode-felsökning.

Vanliga frågor

Skickas min text till en server?

Nej. All bearbetning sker lokalt i din webbläsare med JavaScript. Inget skickas till acento.io eller någon annan server. Det gör verktyget säkert för tokens, lösenord och annan känslig information i frågesträngar.

Vad är skillnaden mellan encodeURI och encodeURIComponent?

encodeURI kodar en hel URL och lämnar reserverade tecken som / ? & = # orörda eftersom de har strukturell betydelse i URL:en. encodeURIComponent kodar allt utom bokstäver, siffror och - _ . ~ och är rätt val när du kodar ett enstaka parametervärde, t.ex. en redirect-URI eller ett sökord.

Varför ska jag inte använda encodeURI för frågesträngsparametrar?

encodeURI lämnar & = och ? okodade. Om ett parametervärde innehåller något av dessa tecken tolkar servern det som avgränsare och splittar strängen fel. Använd alltid encodeURIComponent (Koda som komponent) för enskilda värden.

Varför blir mitt mellanslag ibland %20 och ibland +?

%20 används i URL-sökvägar och frågesträngar enligt RFC 3986. Plustecknet (+) för mellanslag hör till application/x-www-form-urlencoded-formatet som användes i äldre HTML-formulär. De två är inte utbytbara – välj %20 för URL:er och API-anrop.

Hur kodar jag URL:er i Python?

Använd from urllib.parse import quote; quote('a b&c=d') för en sträng, eller urllib.parse.urlencode({'key': 'val'}) för hela frågesträngar. Modulen hanterar UTF-8 korrekt som standard. Du kan verifiera resultatet mot det här verktyget.

Vad innebär procentkodning egentligen?

Procentkodning (percent-encoding) representerar ett tecken som % följt av två hexadecimala siffror, t.ex. %C3%A5 för å i UTF-8. Standarden definierades i RFC 7519 och den moderna tolkningen finns i WHATWG Encoding Standard. RFC 3986 anger att 18 ASCII-tecken är reserverade och måste kodas om de förekommer som data snarare än som URL-struktur.