TL
Tool Lab
💰Donate
💰Donate

URI Component Encoder

เข้ารหัสหรือถอดรหัส URI component และ URL แบบเต็มออนไลน์

Function:
Plain Input

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

URI Component Encoder / Decoder ครอบฟังก์ชันดั้งเดิมของเบราว์เซอร์ encodeURIComponent, decodeURIComponent, encodeURI และ decodeURI ไว้ในอินเทอร์เฟซที่ใช้งานสะดวก การเข้ารหัสแบบ Percent-encoding จะแทนที่อักขระที่ไม่ได้รับอนุญาตใน URL ด้วยเครื่องหมาย % ตามด้วยเลขฐานสิบหกสองหลักที่แทนไบต์ UTF-8

encodeURIComponent / decodeURIComponent ปฏิบัติต่ออินพุตเป็นคอมโพเนนต์เดียว (ค่า query, ส่วนของ path) โดยเข้ารหัสอักขระพิเศษทั้งหมด ส่วน encodeURI / decodeURI ปฏิบัติต่ออินพุตเป็น URL แบบเต็ม โดยคงอักขระโครงสร้าง เช่น ://?=# ไว้เพื่อรักษารูปแบบของ URL

วิธีใช้งาน

  1. เลือก Encode เพื่อเข้ารหัสแบบ percent-encode หรือ Decode เพื่อย้อนกลับกระบวนการ
  2. เลือกฟังก์ชัน: encodeURIComponent สำหรับค่าเดียว หรือ encodeURI สำหรับ URL แบบเต็ม
  3. วางข้อมูลนำเข้าของคุณ หรือคลิก Sample เพื่อโหลดตัวอย่าง
  4. คลิก Convert แล้วคลิก Copy เพื่อคัดลอกผลลัพธ์

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

นักพัฒนา Front-end เข้ารหัสค่า query string ก่อนต่อท้าย URL วิศวกร Back-end ถอดรหัสข้อมูลฟอร์มที่ผ่านการเข้ารหัสแบบ percent เพื่อตรวจสอบ วิศวกร QA ตรวจสอบการเข้ารหัส URL ก่อนแจ้งบั๊ก ผู้ที่ทำงานผสาน API เข้ารหัส token การยืนยันตัวตนหรืออักขระพิเศษใน URL ของคำขอ

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

  • encodeURI กับ encodeURIComponent ต่างกันอย่างไรencodeURI ใช้สำหรับ URL แบบเต็มและจะไม่เข้ารหัสอักขระที่ใช้งานได้ในระดับ URL (:/?#&) ส่วน encodeURIComponent ใช้สำหรับส่วนประกอบแต่ละส่วน และจะเข้ารหัสอักขระเชิงโครงสร้างเหล่านั้นด้วย
  • ทำไมช่องว่างจึงกลายเป็น %20 แทนที่จะเป็น +การเข้ารหัสแบบ percent (%20) เป็นมาตรฐานที่กำหนดโดย RFC 3986 ส่วนสัญลักษณ์ + เป็นรูปแบบเฉพาะของการเข้ารหัสฟอร์ม HTML (application/x-www-form-urlencoded) และไม่ได้ถูกใช้โดยฟังก์ชันเหล่านี้
  • ข้อมูลของฉันถูกส่งไปที่ไหนหรือไม่ไม่ ทุกอย่างทำงานอยู่ในเบราว์เซอร์โดยใช้ฟังก์ชันในตัวของ JavaScript ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์