Koda och Avkoda URL:er: En Komplett Guide
Snabbt svar
URL-kodning konverterar unsafe tecken till %XX-sekvenser där XX är byte-ens hexadecimala värde. Mellanslag blir %20 (eller + i form-data), kinesiska tecken blir multi-byte %XX-sekvenser. Använd vår gratis URL Encoder och URL Decoder —all bearbetning lokalt.
Introduktion
URL-kodning, även kallad percent-kodning, är en mekanism för att koda reserved och unsafe tecken i en URL så att URL:en kan överföras säkert via internet. URL:er kan bara innehålla en begränsad uppsättning ASCII-tecken; varje annat tecken (mellanslag, icke-ASCII-bokstäver, symboler) måste percent-kodas som en sekvens som börjar med % följt av två hexadecimala siffror.
Steg för steg
-
Identifiera vad som behöver kodas
Tecken som inte finns i den oreserverade uppsättningen (A-Z, a-z, 0-9, -, ., _, ~) måste vara procentkodade. Detta inkluderar mellanslag, frågeavgränsare som = och &, snedstreck och alla icke-ASCII-tecken som kinesiska, arabiska eller emoji.
-
Koda URL eller frågesträngen
Klistra in din text i URL Encoder-verktyget. Den använder encodeURIComponent() för att koda varje reserverat tecken. Resultatet visas omedelbart i utmatningsfältet.
-
Kopiera det kodade resultatet
Klicka på knappen Kopiera för att kopiera den procentkodade strängen. Du kan nu säkert bädda in den i en URL frågeparameter, API begäran eller formulärinlämning.
-
Avkoda en kodad URL
Klistra in en kodad URL eller frågesträng i URL Decoder-verktyget. Den använder decodeURIComponent() för att återställa de ursprungliga tecknen. Kontrollera att den avkodade utgången matchar dina förväntningar.
-
Verifiera kantfall
Kontrollera att mellanslag är korrekt avkodade (%20 vs +), att UTF-8-sekvenser med flera byte avkodar till rätt tecken och att redan kodade strängar inte är dubbelkodade.
Exempel
Koda text med ett mellanslag
Input: Hello World
Produktion: Hello%20World
Koda en vägavgränsare
Input: a/b
Produktion: a%2Fb
Koda kinesiska tecken (UTF-8)
Input: 你好
Produktion: %E4%BD%A0%E5%A5%BD
Avkoda en kodad frågeparameter
Input: key%3Dvalue%26foo%3Dbar
Produktion: key=value&foo=bar
Vanliga problem
- Dubbelkodning: om du kodar en redan kodad sträng förvandlas %20 till %2520. Kontrollera alltid om ingången redan är kodad innan omkodning.
- Förväxla encodeURI med encodeURIComponent: encodeURI behåller reserverade tecken som /, ?, & intakta för hela URLs, medan encodeURIComponent kodar allt för frågeparametervärden.
- Utrymmeshantering: %20 är den procentkodade formen; + är endast giltigt i application/x-www-form-urlencoded body data, inte i URL sökväg eller frågesträng enligt RFC 3986.
- Icke-UTF-8 äldre kodningar: moderna webbläsare kodar som UTF-8, men äldre system kan använda GBK eller Latin-1, vilket orsakar mojibake när de avkodas på andra sidan.
Tips
- Använd encodeURIComponent() för individuella frågeparametervärden och encodeURI() för hela URLs som redan är välformade.
- När du bygger frågesträngar, koda värdet men inte = eller &-separatorerna – koda varje värde separat och anslut sedan med &.
- Använd våra URL Encoder- och Decoder-verktyg för att felsöka API-anrop som returnerar 400-fel på grund av felaktiga frågesträngar.
- Avkoda alltid på serversidan med samma teckenkodning (UTF-8) för att undvika mojibake.