การแยกวิเคราะห์เกิดขึ้นทันทีที่คุณพิมพ์ และอยู่บนเครื่องของคุณเท่านั้น URL จะไม่ถูกอัปโหลดไปที่ใดเลย ซึ่งสำคัญมากเมื่อ URL นั้นมี API key โทเค็น หรือ tracking ID ปะปนอยู่ เครื่องมือนี้ใช้ WHATWG URL และ URLSearchParams ที่มีอยู่ในตัวเบราว์เซอร์ ซึ่งเป็น engine เดียวกับที่ address bar ของคุณใช้ ผลลัพธ์ที่เห็นจึงตรงกับวิธีที่ไคลเอนต์จริงจะอ่านที่อยู่นั้น query parameter แต่ละตัวจะถูกถอดรหัส percent-encoding ให้แล้ว และคีย์ที่ซ้ำกันจะถูกเก็บไว้ตามลำดับเดิมแทนที่จะถูกรวมเป็นตัวเดียว
URL Parser
ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก
URL
วาง URL เพื่อแยกออกเป็นส่วนต่างๆ
URL parser คืออะไร
URL parser คือเครื่องมือที่แยกที่อยู่เว็บออกเป็นส่วนประกอบย่อย ได้แก่ scheme (https), hostname, port, path, query string และ fragment พร้อมแสดง query parameter แต่ละตัวเป็นคู่ key/value ที่ถอดรหัสแล้ว เครื่องมือนี้แยก URL ในเบราว์เซอร์ของคุณด้วยมาตรฐานเดียวกับที่เบราว์เซอร์ใช้จริง จึงตรวจสอบ ดีบัก หรือคัดลอกส่วนใดส่วนหนึ่งได้ทันที
วิธีใช้งาน
- 1วาง URL. วาง URL แบบ absolute ลงในกล่องอินพุต จะมีส่วน userinfo, port, query string และ fragment ด้วยก็ได้
- 2อ่านผลการแยก. แผงผลลัพธ์จะแสดงแต่ละส่วนโครงสร้าง เช่น scheme, hostname, port, path, query, fragment, origin ทันทีที่ URL ถูกต้อง
- 3ตรวจสอบพารามิเตอร์. ตาราง query parameter แสดงทุกคีย์และค่าที่ถอดรหัสแล้ว โดยคงคีย์ที่ซ้ำกันไว้ตามลำดับที่ปรากฏ
- 4คัดลอกส่วนที่ต้องการ. คัดลอกส่วนใดส่วนหนึ่ง หรือใช้ Copy as JSON เพื่อเอาโครงสร้างทั้งหมดไปใช้ทดสอบหรือแนบในรายงานบั๊ก
เหมาะกับใคร
- นักพัฒนาที่กำลังดีบัก redirect หรือ callback URL - ดู
path,queryและfragmentที่ request จะไปถึงจริง - นักการตลาดที่ตรวจสอบ ลิงก์ติดตามผล - อ่านทุกพารามิเตอร์
utm_*เป็นรายการ key/value ที่ชัดเจนแทนที่จะเพ่งดูสตริงยาวๆ - ทีม QA และซัพพอร์ต ที่ต้องจำลองบั๊กจากลิงก์ที่ส่งมา - คัดลอก hostname, port หรือค่า query ตัวใดตัวหนึ่งได้ทันที
- ทุกคนที่กำลังเรียนรู้ โครงสร้างของ URL - การแยกส่วนพร้อมป้ายกำกับช่วยให้ scheme, host, port, path, query และ fragment เข้าใจง่ายขึ้น
คำถามที่พบบ่อย
URL parser นี้ใช้ฟรีไหม
ใช่ ใช้งานได้ฟรี 100% ไม่ต้องสมัครสมาชิกและไม่มีข้อจำกัดการใช้งาน การแยกวิเคราะห์ทำงานในเบราว์เซอร์ของคุณทั้งหมด
URL ของฉันถูกอัปโหลดไปที่ไหนไหม
ไม่ URL จะถูกแยกวิเคราะห์ในเบราว์เซอร์ของคุณเท่านั้น ไม่เคยถูกส่งไปยังเซิร์ฟเวอร์ จึงปลอดภัยสำหรับลิงก์ที่มี API key โทเค็นเซสชัน หรือ query parameter ที่เป็นความลับ
เครื่องมือนี้แสดงส่วนไหนของ URL บ้าง
แสดง scheme, username และ password (userinfo) ถ้ามี, hostname, port, path, query string และ fragment รวมถึง origin ด้วย query parameter แต่ละตัวยังถูกแสดงเป็นคู่ key/value ที่ถอดรหัสแล้วอีกด้วย
ทำไมถึงขึ้นให้เติม https://
มาตรฐาน URL ต้องการ URL แบบ absolute เพื่อให้รู้จัก host ที่อยู่เปล่าๆ อย่าง <code>example.com/path</code> หรือแบบ relative อย่าง <code>/path?x=1</code> ไม่มี scheme จึงแยกวิเคราะห์เดี่ยวๆ ไม่ได้ ให้เติม <code>https://</code> (หรือ scheme ที่ถูกต้อง) ไว้ข้างหน้า แล้วมันจะแยกได้ทันที
query parameter ถูกถอดรหัสหรือไม่
ถอดรหัสให้แล้ว ค่าของแต่ละพารามิเตอร์จะถูก percent-decode เช่น <code>%20</code> จะแสดงเป็นช่องว่าง และ <code>caf%C3%A9</code> จะแสดงเป็น <code>café</code> ส่วนคีย์ที่ซ้ำกัน เช่น <code>color=blue&color=red</code> จะถูกเก็บเป็นแถวแยกกันตามลำดับเดิม ไม่ถูกรวมเข้าด้วยกัน
ทำไม port บางครั้งถึงว่างเปล่า
เมื่อ URL ใช้ port เริ่มต้นของ scheme นั้น (443 สำหรับ https, 80 สำหรับ http) มาตรฐานจะปล่อยให้ <code>port</code> ว่างเปล่าเพราะเข้าใจโดยนัยอยู่แล้ว ส่วน port ที่ไม่ใช่ค่าเริ่มต้น เช่น <code>:8443</code> จะแสดงให้เห็นชัดเจน
แยกวิเคราะห์ fragment หลัง # ได้ไหม
ได้ ส่วนที่อยู่หลัง <code>#</code> จะถูกแสดงเป็น fragment ส่วนนี้ไม่เคยถูกส่งไปยังเซิร์ฟเวอร์โดยเบราว์เซอร์ แต่ก็เป็นส่วนหนึ่งของ URL จริง มีประโยชน์สำหรับเส้นทางใน single-page app และ deep link