Ingen uppladdning, 100% lokalt, inget konto

URL-kodare / avkodare

Koda specialtecken i URL:er, eller avkoda procentkodade strängar. Allt stannar i din webbläsare.

Så fungerar URL-kodare / avkodare

URL-kodare och avkodare konverterar strängar till och från procentkodning (kallas också URL-kodning), formatet som krävs av RFC 3986 för att inkludera specialtecken på ett säkert sätt i URL:er. Klistra in en råsträng för att koda den, eller klistra in en procentkodad sträng för att avkoda den tillbaka till läsbar form. Konverteringen körs helt i webbläsaren med JavaScript:s encodeURIComponent och decodeURIComponent; inget du skriver lämnar din enhet.

URL-kodning är viktigt när du bygger frågeparametrar, omdirigerings-URI:er eller kanoniska länkar programmatiskt. Ett mellanslag blir %20, ett ampersandtecken %26, en hash %23 och så vidare. Kodning gäller också internationaliserade domännamn och icke-ASCII-tecken i sökvägssegment. Det här verktyget erbjuder också encodeURI-läge för kodning av fullständiga URI:er med bevarade strukturtecken som '/', '?' och '#'.

Skrivet av Bastien Sulyan

Så här använder du URL-kodare / avkodare, steg för steg

  1. Klistra in texten du vill koda eller avkoda i indataområdet.
  2. Välj 'Koda' för att procentkoda texten, eller 'Avkoda' för att reversera kodningen.
  3. Välj 'encodeURIComponent'-läge för frågeparametervärden, eller 'encodeURI'-läge för fullständiga URI:er.
  4. Kopiera resultatet från utdataområdet.

Vanliga användningsområden

  • En utvecklare som bygger en sökomdirigerings-URL behöver procentkoda frågesträngen så att specialtecken inte bryter URL-strukturen.
  • En API-integratör tar emot en procentkodad återanrops-URL i ett webhook-data-paket och behöver avkoda den för att verifiera måladressen.
  • En innehållsredaktör kopierar en URL med accenttecken från en webbläsare och behöver koda den för användning i en Markdown-länk.
  • En QA-ingenjör testar en indatavalideringsändpunkt genom att koda gränstecken som '<', '>' och '&' innan de skickas in.

Vanliga frågor

Vad är skillnaden mellan encodeURIComponent och encodeURI?

encodeURIComponent kodar allt utom bokstäver, siffror och tecknen - _ . ! ~ * ' ( ). Det är för kodning av enskilda komponenter som frågeparametervärden. encodeURI lämnar strukturella URI-tecken (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) okodade eftersom det antar att indata är en fullständig URI. Använd encodeURIComponent för värden, encodeURI för hela URL:er.

Skickas texten jag klistrar in här till någon server?

Nej. Kodning och avkodning anropar JavaScript:s inbyggda encodeURIComponent- och decodeURIComponent-funktioner, som körs helt i webbläsarens JavaScript-motor. Inget du skriver här skickas någonstans.

Varför blir ett mellanslag ibland '+' istället för '%20'?

Notationen '+' för mellanslag kommer från det äldre formatet application/x-www-form-urlencoded som används i HTML-formulärinlämningar, vilket skiljer sig från RFC 3986-procentkodning. Det här verktyget använder strikt RFC 3986-procentkodning, så mellanslag blir %20. Om ditt målsystem förväntar sig '+' för mellanslag måste du ersätta %20 med '+' manuellt efter kodning.

Kan jag koda en fullständig URL inklusive dess frågesträng på en gång?

Ja, med 'encodeURI'-läge. Det läget bevarar '/', '?', '=', '&', '#' och andra URL-strukturtecken medan det kodar icke-ASCII och reserverade tecken som visas i segment- eller parametervärden. Använd 'encodeURIComponent' bara på enskilda parametervärden, inte den fullständiga URL:en.

Hanterar det här verktyget Unicode-tecken och emoji?

Ja. JavaScript:s encodeURIComponent konverterar först tecknet till dess UTF-8-bytesekvens och procentkodar sedan varje byte. En emoji som 'tumme upp' kodar till en flerbytesekvens som %F0%9F%91%8D. Avkodning reverserar processen korrekt.

Relaterade verktyg

Håll allt lokalt, utforska kompletterande verktyg.

Alla utvecklarverktyg