URL-kodare och avkodare – procentkodade strängar och fullständiga URL:er

Koda eller avkoda URL-komponenter och fullständiga URL:er. Välj komponentläge (encodeURIComponent) eller fullständigt URL-läge (encodeURI). Kopiera eller ladda ner med ett klick.

Indata
Produktion

Om URL-kodning

"Komponent"-läget använder encodeURIComponent, som undviker tecken som ":/?#[]@" så resultatet är säkert inom ett enda URL-segment. "Full URL"-läge använder encodeURI och lämnar reserverade tecken kvar, lämpliga för att koda en hel URL-sträng.

Frequently Asked Questions

Komponentläget använder encodeURIComponent och undviker tecken som ":/?#[]@" så värdet är säkert inom ett enda URL-segment eller en frågeparameter. Full URL-läge använder encodeURI och låter de reserverade tecknen vara så att hela URL:en förblir en giltig URL.

technical

Byt till komponentläge, klistra in parametervärdet och kodaren ersätter mellanrum med 20 %, lika med tecken med 3D och så vidare. Lägg in resultatet i URL:en efter "?key=" eller "&key=" så fungerar länken på vilken webbläsare, server eller REST-klient som helst.

usage

Dessa tecken reserveras av URL:ens syntax — de separerar schema, sökväg, fråga och fragment. Att koda dem som %2B %2F %3A %3F %23 låter värdet bära dem bokstavligen utan att förvirra parsern på andra sidan.

technical

Ja. När ingången innehåller en enstaka "%" som inte följs av två hexadecimala siffror, visar avkodaren ett meddelande "Ogiltig inmatning" istället för att producera en osammanhängande utdata. Åtgärda den felaktiga sekvensen och resultatet uppdateras omedelbart.

features

Nej. Kodaren använder webbläsarens inbyggda encodeURI / encodeURIComponent-funktioner, så inget korsar nätverket. Det gör verktyget säkert för tokens, filvägar och andra känsliga värden du behöver bädda in i en URL.

privacy

Ja. UTF-8-tecken som ñ, 漢, ✓ och emoji kodas i motsvarande %xx-bytesekvenser. Moderna webbläsare och servrar avkodar dem automatiskt tillbaka till originalkaraktärerna, så tur-och-returen är förlustfri.

compatibility

Use Cases

Bygg frågesträngar för REST-API:er

Koda söktermer, filter och ID:n för GET-förfrågningar till REST-API:er, Algolia, Elastic och Google Search så att reserverade tecken inte bryter förfrågnings-URL:en

technical

Spårningsparametrar för marknadsföringslänkar

Koda procentkodade UTM-parametrar, kampanjnamn och referenssträngar för Google Analytics, Facebook Ads och HubSpot-länkar som delas via e-post och sociala kanaler

business

Passfilter och söktermer i URL:er

Koda flerordssökningar, specialtecken och sorteringsalternativ till delbara URL:er för SaaS-instrumentpaneler, e-handelsfilter och adminpaneler

web

Generera mail till: Länkar med ämne och brödtext

Bygg mailto: länkar där ämne och brödtext innehåller radskift, skiljetecken och emoji, så klicka på e-post-knappar öppna Gmail och Outlook med meddelandet förfyllt

web

Bädda in meddelanden i WhatsApp och SMS-delningslänkar

Koda förifyllda delningslänkar för WhatsApp, Telegram och SMS så att kunder kan trycka på en knapp på din sida och öppna meddelandet med marknadsföringsmeddelandet redo

social

Escape User Input för säker URL-konstruktion

Koda användarkontrollerade värden innan du injicerar dem i URL:er för att undvika smuggling av förfrågningar, omdirigeringsinjektion och trasiga länkbuggar i produktionswebbappar

technical