Lumaktaw sa pangunahing nilalaman

Libreng URL Encoder at Decoder

I-encode at i-decode ang mga URL at query string. Sinusuportahan ang encodeURIComponent, decodeURIComponent, at query string parsing.

Gumagana offline kapag na-load na
Encoding mode

Ine-encode ang bawat reserved character β€” pinakamahusay para sa mga query value at path segment.

Mga karaniwang gamit

  • I-encode ang URL Parameters para sa APIsI-safely encode ang query string parameters bago i-append ito sa API request URLs.
  • I-encode ang URLs para sa Email LinksLumikha ng click-safe links para sa email campaigns β€” i-encode ang special characters upang ang mga links ay maging ligtas sa bawat email client.
  • I-encode ang URLs para sa Social SharingIhanda ang URLs na may pre-filled text, hashtags, at links para sa Twitter, Facebook, at LinkedIn share buttons.
  • I-encode ang Complex Query StringsBumuo at mag-encode ng query strings na may multiple parameters β€” handa nang idagdag sa anumang URL.
  • I-encode ang URLs para sa Webhook CallbacksI-encode ang callback URLs na ipinagpapasa bilang parameters sa third-party services at OAuth flows.

Paano ito Gumagana

Buong tumatakbo sa iyong browser ang URL encoding at decoding dito gamit ang built-in na global ng JavaScript β€” encodeURIComponent, encodeURI, at decodeURIComponent β€” walang third-party library at walang network request. Inilalantad din ng tool ang native na URL API ng browser para i-parse at ipakita ang mga query string parameter bilang key-value table.

  1. 1
    Pumili ng encoding mode
    Tatlong mode ang tumutugma sa totoong gamit: tinatawag ng "Component" ang encodeURIComponent at ine-escape ang lahat maliban sa mga unreserved na character β€” ang tamang pagpipilian para sa mga indibidwal na query value. Tinatawag ng "Full URL" ang encodeURI at iniiwang buo ang scheme, mga slash, at domain. Gumagamit ang "Form" ng encodeURIComponent at pagkatapos ay pinapalitan ng + ang %20 para tumugma sa application/x-www-form-urlencoded na format na ipinapadala ng mga HTML form.
  2. 2
    Mag-encode o mag-decode sa isang click
    Ipinapasa ng encoding ang text mo sa napiling function at ipinapakita ang percent-encoded na resulta. Tinatawag ng decoding ang decodeURIComponent (na kino-convert ang + sa space sa Form mode). Nahuhuli at iniuulat bilang inline na error ang mga sirang percent-sequence β€” gaya ng ligaw na %E0 na walang kasunod na byte β€” sa halip na mag-crash.
  3. 3
    I-parse ang mga query string gamit ang URL API
    Binabalot ng aksyong "Parse params" ang input mo sa native na URL constructor ng browser at dinadaanan ang url.searchParams para makuha ang bawat key-value na pares. Kung tanggihan ng URL constructor ang input, hinahati ng isang hand-written na fallback sa & at = at ipinapasa ang bawat token sa safeDecode, kaya nagbibigay pa rin ng nababasang table ang mga bahagya o raw na query string.
  4. 4
    Kopyahin ang resulta
    Lumalabas ang na-encode o na-decode na text sa isang monospace na output block. Isinusulat ito ng copy button sa clipboard gamit ang Clipboard API. Walang umaalis sa device mo kahit kailan.

Mga Kaugnay na Tool

Mga Madalas na Itanong