URL-koodain/-dekoodain

Välilyönnit, symbolit ja erikoismerkit rikkovat URL-osoitteet — prosenttikoodaus korjaa sen. Koodaa mikä tahansa URL-osoite turvallista siirtoa varten tai pura se takaisin luettavaksi tekstiksi heti.

Auttoiko tämä laskuri sinua?

Mikä on URL-koodain/-dekoodain?

A URL Encoder/Decoder converts between regular text and URL-safe percent-encoded format. Essential for web developers working with query parametri, API requests, and URL routing.

Milloin käyttää tätä laskuria

  • Enkoodaa URL-parametreja varten
  • Dekoodaa URL-osoitteita virheiden korjaamiseksi
  • Tarkista, onko URL kunnolla muotoiltu
  • Käsittele erikoismerkkejä URL-osoitteissa
  • Tarvitset joukkokoodausta tai purkua useille URL:n osille samanaikaisesti
  • Rakennat uudelleenohjauksia tai takaisinkutsuURL:tejä joissa parametrit täytyy koodata oikein

Vaiheet:

  1. Kirjoita tai liimaa teksti/URL-osoite, jonka haluat koodata tai purkaa.
  2. Select Encode or Decode mode.
  3. Click the Convert button.
  4. Kopioi tulos käyttääksesi sitä sovelluksessasi.

Kaava

Enkoodaus: '' → %20, + → %2B, & → %26, = → %3D, / → %2F Dekoodaus: %20 → '', %2B → +, %26 → &, %3D → =, %2F → / UTF-8 enkoodaus: Jokainen merkki → %XX (hex) per byte Esimerkki: '' → %20hello%20world'

Käyttötapaukset

  • Turvallisten hakujen luominen URL-osoitteille
  • API-pyyntöparametrien käsittely
  • Debugging encoded URLs
  • URL-ystävällisten polkujen luominen

Keskeiset hyödyt

  • Encode and decode instantly
  • Handle all special characters
  • Works entirely in browser
  • Free no sign-up required
  • 100 % selaimessa tapahtuva käsittely — mitään tietoja ei lähetetä palvelimelle, täysin yksityinen
  • Visuaalinen merkkilaskuri varmistaaksesi ettei koodaaminen duplikoi tai riko syötettä

Ammattilaisen vinkit

  • Always encode user-generated URL parametri
  • Use encodeURIComponent() for query parametri in JavaScript
  • Pura URL-osoitteet ennen kuin näytät ne käyttäjille
  • Varo kaksoiskoodausta: jos näet %25:n jälkeen lisää heksadesimaalinumeroita, URL on todennäköisesti koodattu kahdesti
  • Käytä komponenttitilaa kyselylausekkeiden rakentamiseen ja URL-tilaa koodatessasi koko URL-polkua tai täysiä URL:tejä

Yleisiä vältettäviä virheitä

  • Double-encoding URLs by accident
  • Using the wrong encoding for the wrong context (URL vs HTML)
  • Forgetting that + represents space in query strings but not in path segments
  • ASCII-merkkien käsittely oikein — varmista aina UTF-8-koodaaminen ennen prosenttikoodaamista

Keskeiset käsitteet selitettynä

URL encoding: Percent-encoding for safe URLs
Percent-encoding: % followed by hex code
Query string: Parametri after ? in URL
Reserved characters: Characters with special URL meaning

Liittyvät käsitteet

  • URL-osoitteen testaaja: Tarkista URL-osoitteiden kelvollisuus.
  • Base64-enkoodin-dekoodin: Muunna dataa Base64-muotoon.
  • Varatut merkit: Merkit kuten :, /, ?, #, [, ], @, !, $, &, (, ), *, +, ,, ;, = joilla on erityinen merkitys URL-syntaksissa RFC 3986:n mukaan
  • URL-turvalliset merkit: Varatumattomat merkit (kirjaimet, numerot, -, _, ., ~) jotka eivät vaadi koodausta URL:teissä
  • encodeURIComponent vs. encodeURI: JavaScript-funktiot joissa encodeURIComponent koodaa kaiken paitsi kirjaimet, numerot ja _*-.~ yksittäisille arvoille, kun taas encodeURI säilyttää URL-rakennemerkit täysille URL:ille

Esimerkki

Koodaus "Hello World & Friends!" → "Hello%20World%20%26%20Friends%21". Dekoodaus "search%3Fq%3Dhello+world" → "search?q=hello world".

Tulosten tulkinta

URL-enkoodaus muuttaa erikoismerkit turvalliseen muotoon, jotta URL-osoitteet toimivat oikein. Tyhjät tilat muutetaan %20:ksi, erikoismerkit %XX-muotoon. Dekoodaus palauttaa alkuperäiset merkit. Käytä tätä, jos URL-osoitteessa on %20 tai muita enkoodattuja merkkejä.

Usein kysytyt kysymykset

Miksi URL-osoitteet tarvitsevat koodauksen?
URL-osoitteet voivat sisältää vain tiettyjä ASCII-merkkejä. Merkit, kuten välilyönnit, &, ?, # ja ei-ASCII-merkit, täytyy koodata (prosenttikoodata) varmistaaksesi turvallisen siirron internetissä.
Mikä on prosenttikoodaus?
Prosenttikoodaus korvaa turvattomat merkit %-merkillä, jota seuraa niiden kaksinumeroinen heksadesimaalikoodi. Esimerkiksi välilyönnistä tulee %20 ja &:sta tulee %26.
Onko URL-koodaus sama kuin HTML-koodaus?
Ei. URL-koodaus (prosenttikoodaus) on URL:lle. HTML-koodaus käyttää entiteettejä kuten &amp; merkille & tai &lt; merkille <. Ne palvelevat eri tarkoituksia web-kehityksessä.
Milloin käytän URL-tilaa vs komponenttietilaa?
Käytä komponenttietilaa koodatessasi yksittäistä hakuparametria (esim. hakutermi). Käytä URL-tilaa koodatessasi koko URL-polkua tai kun tarvitset koko merkkijonon olevan URL-turvallinen. Komponenttietilaa koodaa enemmän merkkejä, koska se olettaa arvon sijoitettavan URL-rakenteen sisään.
Miksi 'Hello World' -koodauksen tulos on 'Hello%20World' eikä 'Hello+World'?
URL-polun osioissa välilyönnit koodataan muotoon %20. Merkki + koodaus välilyönnille on vain application/x-www-form-urlencoded -tiedossa (HTML-lomakkeiden lähettäminen). Nykyaikainen paras käytäntö on käyttää %20:ta yhdenmukaisesti URL-osoitteissa. Laskuri käyttää %20:ta URL-koodauksessa.
Voinko koodata ei-ASCII-merkkejä kuten emoji tai aksentimerkit?
Kyllä. Ei-ASCII-merkit muunnetaan ensin UTF-8-tavuiksi, sen jälkeen jokainen tavu prosenttikoodataan. Esimerkiksi emoji ☺ (U+1F600) muuttuu muotoon %F0%9F%98%80. Aksenttien merkit, kuten é (U+00E9), muuttuvat muotoon %C3%A9. Tämä on RFC 3986:ssa määritelty standardi lähestymistapa.
Mikä ero on tässä HTML-entiteettikoodauksella?
URL-koodaus (prosenttikoodaus) on URL:lle — se muuttaa merkit %XX-heksadesimaalikoodeiksi. HTML-entiteettikoodaus muuttaa merkit nimettyihin tai numeerisiin entiteetteihin kuten &amp; merkille & tai &#8364; merkille €. Ne palvelevat täysin eri tarkoituksia eikä niitä voida vaihtaa.
Miksi jotkut URL-osoitteet toimivat ilman koodausta, vaikka niissä on erikoismerkkejä?
Nykyiset selaimet koodaavat URL-osoitteet automaattisesti kun navigoitat niihin tai lähetät lomakkeita. Kun kuitenkin rakennat URL-osoitteita ohjelmallisesti (koodissa, API-kutsuissa tai palvelinpuolen uudelleenohjauksissa), sinun täytyy koodata manuaalisesti, koska palvelin ei tee sitä puolestasi.
Onko kaksoiskoodausriskiä?
Kyllä. Jos koodaat URL-osoitteen, joka on jo koodattu, %20 muuttuu muotoon %2520, mikä on virheellistä. Tarkista aina, onko syötteesi jo koodattu ennen uudelleenkoodausta. Tämä laskuri näyttää puretun tuloksen, jotta voit vahvistaa tuloksen oikeellisuuden.
Kuinka käsitellen koodattuja URL-osoitteita JavaScriptissä?
Käytä decodeURIComponent() puretaksesi ja encodeURIComponent() koodataksesi yksittäisiä arvoja. Kokonaisille URL-osoitteille käytä decodeURI() ja encodeURI(), jotka säilyttävät URL-rakennemerkit (/, ?, # jne.). Älä käytä escape() tai unescape() — ne on vanhentettu eivätkä käsittele Unicodea oikein.

Löydä lisää työkaluja

Tuoreita poimintoja koko työkalukirjastostamme.