DevToys Web Pro iconDevToys Web Proบล็อก
ให้คะแนนเรา:
ลองใช้ส่วนขยายเบราว์เซอร์:

ตัวแยกวิเคราะห์สตริงคิวรี

ตัวอย่างสตริงคิวรี

สตริงคิวรีที่แยกวิเคราะห์แล้ว

สตริงคิวรีถูกต้อง
3 พารามิเตอร์
สตริงคิวรีดิบ:
param1=value1&param2=value%202&param3=test

พารามิเตอร์คิวรี

คีย์:param1
ค่า:value1
คัดลอกเป็นคู่ key=value
คีย์:param2
ค่า:value%202(ถอดรหัสแล้ว: value 2)
คัดลอกเป็นคู่ key=value
คีย์:param3
ค่า:test
คัดลอกเป็นคู่ key=value

อินพุตสตริงคิวรี

  • Loading editor...
    รายละเอียดทางเทคนิค

    ตัวแยกวิเคราะห์ Query String ทำงานอย่างไร

    เครื่องมือนี้ทำอะไร

    ตัวแยกวิเคราะห์ query string จะดึงและถอดรหัสพารามิเตอร์แต่ละตัวจาก query string ของ URL ทำให้ง่ายต่อการตรวจสอบ ดีบัก และทำความเข้าใจคู่คีย์-ค่าใน URL ตัวแยกวิเคราะห์ query string ออนไลน์นี้รองรับทั้งค่าพารามิเตอร์แบบเข้ารหัสและแบบถอดรหัส โดยแสดงรูปแบบดิบที่เข้ารหัสควบคู่กับค่าที่อ่านเข้าใจได้ของมนุษย์ เมื่อคุณต้องการแยกวิเคราะห์ query string เช่น "?param1=value1&param2=value%202" เครื่องมือนี้จะแยกพารามิเตอร์แต่ละตัว แสดงทั้งเวอร์ชันที่เข้ารหัสและถอดรหัส และช่วยให้คุณเข้าใจว่า URL encoding ส่งผลต่อข้อมูลของคุณอย่างไร ตัวถอดรหัส query string มีประโยชน์อย่างยิ่งเมื่อดีบักการเรียก API วิเคราะห์คำขอเว็บ หรือทำความเข้าใจว่าข้อมูลถูกส่งผ่าน URL ในเว็บแอปอย่างไร ต่างจากตัวแยกวิเคราะห์ URL แบบเต็ม เครื่องมือนี้โฟกัสเฉพาะส่วน query string ทำให้เหมาะเมื่อคุณมีเพียงพารามิเตอร์ query โดยไม่มีบริบทของ URL ทั้งหมด

    กรณีการใช้งานทั่วไปของนักพัฒนา

    นักพัฒนาใช้ตัวแยกวิเคราะห์ query string เมื่อดีบักเอ็นด์พอยต์ API วิเคราะห์คำขอเว็บ หรือทำความเข้าใจการไหลของข้อมูลผ่านพารามิเตอร์ URL ตัวแยกวิเคราะห์ query string จำเป็นเมื่อทำงานกับ REST API จัดการการส่งฟอร์มผ่านคำขอ GET หรือทำฟีเจอร์ค้นหาที่ส่งตัวกรองผ่านพารามิเตอร์ query นักพัฒนาจำนวนมากต้องถอดรหัส query string เมื่อดีบักการสื่อสารระหว่างไคลเอนต์กับเซิร์ฟเวอร์ ตรวจสอบว่า URL encoding ทำงานถูกต้อง หรือดึงพารามิเตอร์เฉพาะจาก query string ที่ซับซ้อน เครื่องมือนี้ช่วยเมื่อทำ URL routing แยกวิเคราะห์พารามิเตอร์ query ในโค้ดฝั่งเซิร์ฟเวอร์ หรือทำความเข้าใจว่าเฟรมเวิร์กจัดการการเข้ารหัสและถอดรหัสพารามิเตอร์ URL อย่างไร นักพัฒนาฝั่งฟรอนต์เอนด์ใช้เครื่องมือนี้เพื่อตรวจสอบการสร้าง query string ทดสอบการเข้ารหัสพารามิเตอร์ หรือดีบักปัญหาการจัดการสถานะผ่าน URL ตัวถอดรหัส query string มีคุณค่าเมื่อทำงานกับเครื่องมือวิเคราะห์ข้อมูล พารามิเตอร์ติดตาม หรือการทำ URL ที่แชร์ได้พร้อมสถานะที่ฝังอยู่

    รูปแบบข้อมูล ชนิด หรือรูปแบบย่อย

    Query string ใช้รูปแบบการเข้ารหัส URL มาตรฐาน: คู่ key=value คั่นด้วยเครื่องหมายแอมเพอร์แซนด์ (&) และอาจมีเครื่องหมายคำถามนำหน้า (?) ชื่อพารามิเตอร์และค่ามักถูกเข้ารหัสแบบ URL-encoded ด้วย percent encoding (เช่น ช่องว่างกลายเป็น %20, @ กลายเป็น %40) ตัวแยกวิเคราะห์รองรับทั้งค่าที่เข้ารหัสและไม่เข้ารหัส โดยแสดงรูปแบบดิบและรูปแบบที่ถอดรหัสแบบเคียงข้างกัน Query string สามารถมีชื่อพารามิเตอร์ซ้ำได้ (แม้ว่าตัวแยกวิเคราะห์ส่วนใหญ่จะเก็บไว้เฉพาะค่าล่าสุด) ค่าว่าง (key=&key2=value) และอักขระพิเศษที่ต้องเข้ารหัส บาง query string ใช้สัญกรณ์อาร์เรย์ (key[]=value1&key[]=value2) หรือสัญกรณ์อ็อบเจ็กต์ (key[subkey]=value) ซึ่งต้องใช้ตรรกะการแยกวิเคราะห์พิเศษ โดยทั่วไปเครื่องมือจะแสดงพารามิเตอร์ในรูปแบบที่มีโครงสร้าง โดยแสดงคีย์ที่เข้ารหัส คีย์ที่ถอดรหัส ค่า ที่เข้ารหัส และค่าที่ถอดรหัสสำหรับแต่ละคู่พารามิเตอร์

    ข้อผิดพลาดที่พบบ่อยและกรณีขอบ

    เมื่อแยกวิเคราะห์ query string โปรดจำว่า URL encoding อาจยุ่งยาก: อักขระบางตัวอย่างช่องว่างสามารถเข้ารหัสได้ทั้ง %20 หรือ + และตัวแยกวิเคราะห์ต้องรองรับทั้งสองรูปแบบอย่างถูกต้อง ชื่อพารามิเตอร์ซ้ำพบได้บ่อยใน query string แต่ตัวแยกวิเคราะห์ส่วนใหญ่ (รวมถึง URLSearchParams) จะเก็บไว้เฉพาะค่าล่าสุด ทำให้คุณอาจสูญเสียค่าก่อนหน้า ค่าพารามิเตอร์ว่าง (key=) เป็นค่าที่ถูกต้องและควรถูกจัดการเป็นสตริงว่าง ไม่ใช่พารามิเตอร์ที่หายไป อักขระพิเศษในชื่อหรือค่าพารามิเตอร์ต้องถูกเข้ารหัสอย่างเหมาะสม แต่บางอักขระอย่างตัวอักษร/ตัวเลขและสัญลักษณ์บางชนิดไม่จำเป็นต้องเข้ารหัส ตัวแยกวิเคราะห์ query string ควรจัดการอินพุตที่ผิดรูปแบบอย่างเหมาะสม เช่น แอมเพอร์แซนด์ที่ไม่เข้ารหัสภายในค่า หรือคู่ key-value ที่ไม่สมบูรณ์ โปรดทราบว่าระบบต่าง ๆ อาจจัดการการแยกวิเคราะห์ query string แตกต่างกันเล็กน้อย โดยเฉพาะเรื่องคีย์ซ้ำ สัญกรณ์อาร์เรย์ หรือสัญกรณ์อ็อบเจ็กต์แบบซ้อน ควรทดสอบการแยกวิเคราะห์ query string ของคุณด้วยตัวอย่างจริงที่มีอักขระพิเศษ อักขระ Unicode และกรณีขอบ

    เมื่อใดควรใช้เครื่องมือนี้แทนการเขียนโค้ด

    ใช้ตัวแยกวิเคราะห์ query string บนเบราว์เซอร์เพื่อดีบักอย่างรวดเร็ว ทดสอบการเข้ารหัสพารามิเตอร์ หรือเมื่อคุณต้องการตรวจสอบ query string ด้วยตนเองระหว่างการพัฒนา เครื่องมือเหล่านี้เหมาะสำหรับทำความเข้าใจว่า query string ถูกสร้างอย่างไร ตรวจสอบพฤติกรรม URL encoding หรือดึงพารามิเตอร์จาก URL ที่คัดลอกจากแถบที่อยู่ของเบราว์เซอร์ สำหรับแอปโปรดักชัน ให้ใช้ API แบบเนทีฟอย่าง URLSearchParams ใน JavaScript, urllib.parse ใน Python หรือไลบรารีแยกวิเคราะห์ที่มีมาในภาษาของคุณ โซลูชันแบบโค้ดช่วยให้จัดการ query string แบบเป็นโปรแกรม ผสานรวมกับระบบ routing และดึงพารามิเตอร์แบบอัตโนมัติ เครื่องมือบนเบราว์เซอร์เด่นด้านการดีบักแบบโต้ตอบและการเรียนรู้ ขณะที่โซลูชันแบบโค้ดให้การจัดการ query string ที่เป็นระบบ ทำซ้ำได้ และเป็นส่วนหนึ่งของตรรกะแอปของคุณ พิจารณาใช้ทั้งสองแนวทาง: เครื่องมือบนเบราว์เซอร์สำหรับการพัฒนาและดีบัก และโซลูชันแบบโค้ดสำหรับฟังก์ชันในโปรดักชัน