🔗 URL Parser

Tempel URL untuk langsung memecahnya menjadi komponennya — protocol, host, port, path, query string, dan hash (fragment) — menggunakan URL API bawaan browser. Parameter query disusun sebagai tabel key-value, yang menampilkan nilai mentah dan bentuknya yang sudah di-decode persen.

Masukkan URL

Lebih banyak alat developer

🧩 Query String Builder 🔗 URL Encoder/Decoder 🔓 JWT Decoder

PANDUAN

Pelajari lebih lanjut

1. Anatomi URL

URL mengikuti pola scheme://user:pass@host:port/path?query#hash. Scheme (protocol) menunjukkan cara resource harus diakses — http, https, ftp, dan sebagainya. Host adalah domain atau IP server, port adalah port koneksi (dihilangkan jika sama dengan default protocol: 80 untuk http, 443 untuk https), path menunjukkan lokasi resource di server, query memuat parameter key-value yang dikirim ke server, dan hash (fragment) adalah referensi sisi-klien yang tidak pernah dikirim ke server. Alat ini memisahkan semuanya dengan tepat menggunakan URL API standar browser.

2. Parameter query dan percent-encoding

Query string menggunakan percent-encoding untuk membawa spasi, karakter non-ASCII, dan simbol terlarang dengan aman (spasi menjadi %20 atau +, dan karakter non-ASCII menjadi byte UTF-8 yang ditulis sebagai %XX). URLSearchParams milik browser otomatis mendekode ini menjadi nilai yang mudah dibaca manusia. Alat ini menampilkan nilai mentah (persis seperti yang ditulis di URL) berdampingan dengan nilai yang sudah didecode, sehingga Anda bisa cepat menemukan double-encoding atau karakter yang tidak terduga.

3. Port default dan origin

Saat URL tidak menyertakan port, port default dari protocol digunakan secara implisit (80 untuk http, 443 untuk https, 21 untuk ftp, dan seterusnya). Properti URL.port di browser mengembalikan string kosong ketika port adalah default, jadi alat ini menegaskannya secara eksplisit. Origin — protocol + hostname + port (hanya jika non-default) — adalah konsep dasar untuk kebijakan keamanan browser seperti CORS, cookie, dan isolasi localStorage.

Pertanyaan umum

Apakah URL yang saya tempel dikirim ke server?

Tidak. Parsing dilakukan sepenuhnya di browser Anda menggunakan URL API dan tidak pernah dikirim ke server mana pun.

Kenapa tertulis URL tidak valid?

URL API browser tidak bisa mem-parse path relatif atau string yang rusak — URL membutuhkan scheme (http://, https://, dan seterusnya). Pastikan Anda memasukkan URL absolut, misalnya https://example.com/path.

Apa yang terjadi jika key query yang sama muncul lebih dari sekali?

URLSearchParams mengizinkan satu key muncul berulang (misalnya ids=1&ids=2). Alat ini menampilkan setiap pasangan key-value sebagai baris terpisah, sesuai urutan kemunculannya.

Apakah aman menempel URL yang berisi password?

Pemrosesan terjadi secara lokal di browser Anda, tetapi menyematkan kredensial dalam URL (username:password@host) sendiri tidak disarankan demi alasan keamanan. Alat ini menampilkan komponen tersebut untuk keperluan belajar/debugging, tetapi hindari menaruh password teks biasa di URL produksi.