TL
Tool Lab
💰Donate
💰Donate

URI Component Encoder

Procentkoda eller avkoda URI-komponenter och hela URL:er online.

Function:
Plain Input

Om det här verktyget

URI Component Encoder / Decoder omsluter webbläsarens inbyggda funktioner encodeURIComponent, decodeURIComponent, encodeURI och decodeURI i ett bekvämt gränssnitt. Procentkodning ersätter tecken som inte är tillåtna i URL:er med ett % följt av två hexadecimala siffror som representerar UTF-8-byten.

encodeURIComponent / decodeURIComponent behandlar indata som en enskild komponent (frågevärde, sökvägssegment) och kodar alla specialtecken. encodeURI / decodeURI behandlar indata som en fullständig URL och bevarar strukturella tecken som ://?=# så att URL:ens form bibehålls.

Hur man använder

  1. Välj Encode för att procentkoda, eller Decode för att omvända processen.
  2. Välj funktion: encodeURIComponent för ett enskilt värde, eller encodeURI för en fullständig URL.
  3. Klistra in din indata eller klicka på Exempel för att ladda ett exempel.
  4. Klicka på Konvertera och kopiera sedan resultatet.

Användningsfall

Front-end-utvecklare kodar värden i query strings innan de läggs till URL:er. Back-end-ingenjörer avkodar procentkodade formulärdata för inspektion. QA-ingenjörer verifierar URL-kodning innan de rapporterar buggar. API-integratörer kodar autentiseringstoken eller specialtecken i request-URL:er.

Vanliga frågor

  • Vad är skillnaden mellan encodeURI och encodeURIComponent?encodeURI är avsett för hela URL:er och kodar inte tecken som är giltiga på URL-nivå (:/?#&). encodeURIComponent är avsett för enskilda komponenter och kodar även dessa strukturella tecken.
  • Varför blir ett mellanslag %20 och inte +?Procentkodning (%20) är standarden som definieras av RFC 3986. Notationen + är specifik för HTML-formulärkodning (application/x-www-form-urlencoded) och används inte av dessa funktioner.
  • Skickas min data någonstans?Nej. Allt körs i webbläsaren med JavaScripts inbyggda funktioner. Inget skickas till en server.