Tanpa unggah, 100% lokal, tanpa akun

Enkoder / Dekoder URL

Enkodekan karakter khusus dalam URL, atau dekodekan string yang sudah dikodekan persen. Semuanya tetap di browser Anda.

Cara kerja Enkoder / Dekoder URL

URL Encoder / Decoder mengonversi string ke dan dari percent-encoding (juga disebut URL encoding), format yang diperlukan oleh RFC 3986 untuk menyertakan karakter khusus dengan aman dalam URL. Tempelkan string mentah untuk mengodekannya, atau tempelkan string percent-encoded untuk mendekodekannya kembali ke bentuk yang dapat dibaca manusia. Konversi berjalan sepenuhnya di browser menggunakan encodeURIComponent dan decodeURIComponent JavaScript; tidak ada yang Anda ketik yang meninggalkan perangkat Anda.

URL encoding penting setiap kali Anda membangun parameter query, redirect URI, atau tautan kanonik secara terprogram. Spasi menjadi %20, ampersand menjadi %26, hash menjadi %23, dan sebagainya. Encoding juga berlaku untuk nama domain yang diinternasionalisasi dan karakter non-ASCII dalam segmen jalur. Alat ini juga menawarkan mode encodeURI untuk mengodekan URI lengkap sambil mempertahankan karakter struktural seperti '/', '?', dan '#'.

Ditulis oleh Bastien Sulyan

Cara menggunakan Enkoder / Dekoder URL, langkah demi langkah

  1. Tempelkan teks yang ingin Anda enkode atau dekode ke area input.
  2. Pilih 'Encode' untuk percent-encode teks, atau 'Decode' untuk membalik encoding.
  3. Pilih mode 'encodeURIComponent' untuk nilai parameter query, atau mode 'encodeURI' untuk URI lengkap.
  4. Salin hasilnya dari area keluaran.

Kasus penggunaan umum

  • Seorang pengembang yang membangun URL pengalihan pencarian perlu percent-encode string query agar karakter khusus tidak merusak struktur URL.
  • Seorang integrator API menerima URL callback yang di-percent-encode dalam payload webhook dan perlu mendekodekannya untuk memverifikasi alamat target.
  • Seorang editor konten menyalin URL yang berisi karakter beraksent dari browser dan perlu mengodekannya untuk digunakan dalam tautan Markdown.
  • Seorang insinyur QA menguji endpoint validasi input dengan mengodekan karakter batas seperti '<', '>', dan '&' sebelum mengirimkannya.

Pertanyaan yang sering diajukan

Apa perbedaan antara encodeURIComponent dan encodeURI?

encodeURIComponent mengodekan semua hal kecuali huruf, angka, dan karakter - _ . ! ~ * ' ( ). Ini untuk mengodekan komponen individual seperti nilai parameter query. encodeURI membiarkan karakter URI struktural (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) tidak dikodekan karena mengasumsikan input adalah URI lengkap. Gunakan encodeURIComponent untuk nilai, encodeURI untuk URL lengkap.

Apakah teks yang saya tempel di sini dikirimkan ke server mana pun?

Tidak. Encoding dan decoding memanggil fungsi bawaan JavaScript encodeURIComponent dan decodeURIComponent, yang berjalan sepenuhnya di mesin JavaScript browser. Tidak ada yang Anda ketik di sini yang dikirim ke mana pun.

Mengapa spasi terkadang menjadi '+' daripada '%20'?

Notasi '+' untuk spasi berasal dari format application/x-www-form-urlencoded yang lebih lama yang digunakan dalam pengiriman formulir HTML, yang berbeda dari percent-encoding RFC 3986. Alat ini menggunakan percent-encoding RFC 3986 yang ketat, sehingga spasi menjadi %20. Jika sistem target Anda mengharapkan '+' untuk spasi, Anda perlu mengganti %20 dengan '+' secara manual setelah encoding.

Bisakah saya mengodekan URL lengkap termasuk string query-nya sekaligus?

Ya, menggunakan mode 'encodeURI'. Mode tersebut mempertahankan '/', '?', '=', '&', '#', dan karakter struktural URL lainnya sambil mengodekan karakter non-ASCII dan karakter yang dicadangkan yang muncul dalam nilai segmen atau parameter. Gunakan 'encodeURIComponent' hanya pada nilai parameter individual, bukan URL lengkap.

Apakah alat ini menangani karakter Unicode dan emoji?

Ya. encodeURIComponent JavaScript pertama mengonversi karakter ke urutan byte UTF-8-nya, lalu percent-encode setiap byte. Emoji seperti 'jempol ke atas' dikodekan ke urutan multi-byte seperti %F0%9F%91%8D. Decoding membalik proses dengan benar.

Alat terkait

Jaga semuanya tetap lokal, jelajahi alat pelengkap.

Semua alat developer