ตัวแยกวิเคราะห์ URL

เกี่ยวกับเครื่องมือนี้

URL Parser & Inspector จะแยก URL ใดๆ ออกเป็นส่วนประกอบแต่ละส่วน ได้แก่ protocol, hostname, port, pathname, query string และ fragment นอกจากนี้ยังดึงและแสดง query parameters ทั้งหมดในรูปแบบตาราง key/value เพื่อให้ตรวจสอบได้ง่าย

การแยกวิเคราะห์ใช้ URL API แบบดั้งเดิมของเบราว์เซอร์ ซึ่งเป็นไปตามมาตรฐาน WHATWG URL Standard โครงสร้างของ URL คือ protocol://hostname:port/pathname?search#hash โดย query parameters เป็นคู่ key=value ที่คั่นด้วย & ค่า port จะเป็นค่าเริ่มต้นที่ 80 (http) หรือ 443 (https) หากไม่ได้ระบุไว้ การประมวลผลทั้งหมดทำงานในเครื่อง ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ใดๆ

วิธีใช้งาน

1. วาง URL ลงในช่องนำเข้า หรือคลิก Sample เพื่อโหลดตัวอย่าง
2. คลิก Parse (หรือกด Enter) เพื่อแยกส่วนประกอบของ URL
3. ตรวจสอบส่วนประกอบแต่ละส่วนในตารางรายละเอียด
4. คลิก Copy ข้างส่วนประกอบใดๆ เพื่อคัดลอกไปยังคลิปบอร์ด

กรณีการใช้งาน

นักพัฒนา Frontend ใช้แก้ปัญหา URL ที่ซับซ้อนซึ่งมีพารามิเตอร์ query จำนวนมากโดยอ่านแต่ละตัวแยกกัน นักพัฒนา Backend ใช้ตรวจสอบโครงสร้าง URL ในการทดสอบ API วิศวกร QA ใช้คัดลอกส่วนประกอบของ URL สำหรับสคริปต์ทดสอบ นักการตลาดใช้ตรวจสอบพารามิเตอร์การติดตาม (utm_source, utm_medium) ใน URL ของแคมเปญ

คำถามที่พบบ่อย

• ต้องใส่ http:// นำหน้า URL ด้วยหรือไม่? — เครื่องมือจะเติม https:// ให้อัตโนมัติหากไม่พบโปรโตคอล เพื่อความแม่นยำสูงสุด ควรใส่ URL แบบเต็ม
• พารามิเตอร์ query ที่เข้ารหัสแบบ URL-encoded จะถูกถอดรหัสหรือไม่? — ใช่ URLSearchParams API จะถอดรหัสค่าที่เข้ารหัสแบบ percent-encoded ให้อัตโนมัติ (เช่น %20 จะกลายเป็นช่องว่าง)
• fragment (#) คืออะไร? — fragment (แฮช) ใช้ระบุส่วนใดส่วนหนึ่งภายในหน้าเว็บ ไม่มีการส่งไปยังเซิร์ฟเวอร์เลย — จะถูกประมวลผลโดยเบราว์เซอร์เท่านั้น