Hurai URL _

Bagaimana penghuraian URL berfungsi

Penghurai berjalan pada piawai URL WHATWG, algoritma yang sama yang digunakan pelayar untuk mana-mana href. Kami menyerahkan rentetan kepada pembina URL asli dan membaca semula setiap komponen sebagai sifat.

1. Sahkan input. Rentetan kosong menampilkan notis input-kosong. Jika tidak, kami menghantar teks kepada new URL(text); TypeError bermakna rentetan bukan URL mutlak yang sah.
2. Baca komponen struktur. Kami membaca protocol, username, password, host, hostname, port, pathname, search, hash, dan origin dari objek URL. Setiap satunya mendarat dalam barisnya sendiri supaya anda boleh menyalinnya secara terpencil.
3. Telusuri rentetan kueri. Kami mengulangi url.searchParams.entries() dan memaparkan satu baris jadual setiap kunci. Nilai mentah duduk di sebelah decodeURIComponent(value) supaya muatan persen-dikodkan (ruang, tanda tambah, Unicode) dibaca dalam bahasa biasa.
4. Bina semula atas permintaan. Edit mana-mana sel, padam baris, atau tambah parameter baharu, kemudian klik Bina URL. Alat membina semula objek URL baharu dari suntingan anda dan menulis hasilnya semula ke dalam kotak input.
5. Mod langsung. Togol mod langsung dan setiap ketukan kekunci menghurai semula URL dengan nyahhantaran 150 ms. Berguna apabila anda menampal serpihan dari log dan mahukan maklum balas segera.

Mengapa menghurai URL dalam pelayar anda

• Tiada apa yang meninggalkan tab. URL membawa token, ID sesi, keadaan OAuth, dan parameter kueri bertandatangan yang tidak mahu anda pegang oleh perkhidmatan pihak ketiga. Penghurai ini menggunakan algoritma URL yang sama yang pelayar anda sudah jalankan secara setempat — tiada muat naik, tiada panggilan rangkaian.
• Sepadan dengan apa yang dilihat kod anda. Node.js, Deno, pelayar moden, dan Cloudflare Workers semuanya menghantar pelaksanaan URL WHATWG. Memeriksa URL di sini memberi anda pembahagian komponen yang sama yang diberikan oleh panggilan new URL(input) kepada anda dalam pengeluaran.
• Membaca rentetan kueri seperti manusia. Nilai mentah dan yang dinyahkodkan duduk bersebelahan, jadi pasangan q=hello%20world memaparkan bait wayar dan hello world yang boleh dibaca dalam satu pandangan. Tiada penyahkodan URL mental diperlukan.
• Penyuntingan perjalanan pergi balik. Buang parameter penjejakan, betulkan kesilapan taip dalam laluan, ubah port — dan bina semula URL. Output kembali melalui pembina URL supaya apa-apa yang tidak sah muncul sebelum anda menyalinnya.

Aplikasi biasa

Penghuraian URL muncul dalam kerja pembangun, keselamatan, dan analitik harian bila-bila masa URL lebih daripada sekadar pautan.

• Menyahpepijat titik hujung API: sahkan URL asas, laluan, dan parameter kueri sebelum menghantar permintaan curl atau Postman.
• Audit parameter penjejakan: senaraikan setiap UTM, gclid, fbclid, atau kunci kempen pada URL halaman pendaratan dan putuskan mana yang hendak dikekalkan.
• Mengesahkan pautan afiliasi dan rakan kongsi: tampal pautan dalam, sahkan hos destinasi dan sasaran redirect yang dibenamkan sebelum diterbitkan.

Contoh yang dikerjakan

Tampal https://example.com/search?q=hello%20world&lang=en ke dalam input. Protokol membaca https:, nama hos membaca example.com, nama laluan membaca /search, dan carian membaca ?q=hello%20world&lang=en. Jadual kueri menunjukkan dua baris: q dengan nilai mentah hello%20world dan nilai yang dinyahkodkan hello world, kemudian lang dengan nilai mentah dan yang dinyahkodkan en. Klik Buang pada baris lang, kemudian Bina URL — input dikemas kini kepada https://example.com/search?q=hello%20world.

FAQ

Apakah penghurai URL?

Penghurai URL mengambil rentetan URL dan menguraikannya kepada komponen bernama: protokol (https), maklumat pengguna (nama pengguna, kata laluan), hos (nama hos ditambah port pilihan), laluan, rentetan kueri, dan serpihan. Ia juga menyahkodkan setiap parameter kueri supaya nilai persen-dikodkan (seperti %20 untuk ruang) boleh dibaca. Penghurai di sini menggunakan piawai URL WHATWG, yang sama yang digunakan pelayar anda untuk memuatkan halaman.

Apakah perbezaan antara hos dan nama hos?

Nama hos hanyalah domain (atau alamat IP) — untuk example.com:8080 nama hosnya ialah example.com. Hos ialah nama hos ditambah port apabila port bukan-lalai hadir, jadi URL yang sama mempunyai hos example.com:8080. Untuk URL pada port lalai (443 untuk https, 80 untuk http) hos dan nama hos adalah sama.

Adakah penyahkodan berlaku secara automatik?

Komponen struktur (protokol, nama hos, port, nama laluan) dibaca terus dari objek URL tanpa penyahkodan tambahan — pembina URL sudah menormalkannya. Nilai kueri ditunjukkan dua kali: rentetan persen-dikodkan mentah seperti yang muncul dalam search, dan nilai yang dinyahkodkan yang dihasilkan oleh decodeURIComponent. Dengan cara itu anda boleh menyalin borang mana sahaja yang dijangka oleh alat hiliran anda.

Bolehkah saya mengedit dan membina semula URL?

Ya. Setiap sel bahagian dan setiap sel parameter kueri boleh diedit. Tambah atau buang baris kueri dengan butang Tambah dan Buang, kemudian klik Bina URL dari bahagian. Alat menjalankan suntingan anda kembali melalui pembina URL dan menulis hasilnya ke dalam input — jika suntingan menghasilkan URL tidak sah, anda mendapat mesej ralat yang sama yang anda perolehi dari new URL() dalam kod anda sendiri.

Penghuraian URL adalah salah satu tugas kecil yang dilakukan setiap pembangun web setiap minggu. Melakukannya dalam pelayar, dengan algoritma yang sama yang digunakan oleh kod pengeluaran, memastikan kerja cepat dan data pada mesin anda.