← กลับไปยังคุณสมบัติ
Free

Regex Tester

Regex Tester ช่วยประเมิน Regular Expression เทียบกับข้อความทดสอบแบบเรียลไทม์ จุดที่ตรงกันจะถูกไฮไลต์ด้วยสีที่สลับกัน มีการแยกกลุ่มการจับ (Capture Group) และกลุ่มที่ตั้งชื่อไว้ (Named Group) ออกมาให้ดูในแต่ละจุดที่ตรงกัน รองรับ Flag มาตรฐานทั้งหมด (g, i, m, s, u, y) และมีโหมดแทนที่ (Replace) เพื่อดูว่าการแทนที่ข้อความจะเปลี่ยนไปอย่างไร

Regular Expression (Regex) เป็นภาษาสำหรับจัดการแพทเทิร์นข้อความที่เป็นสากล แต่การจะเขียนให้ถูกต้องต้องอาศัยการลองผิดลองถูก Regex Tester ทำให้การทดสอบนั้นรวดเร็วทันใจ เพียงพิมพ์แพทเทิร์นแล้วดูไฮไลต์ในข้อความทดสอบได้ทันทีขณะที่คุณพิมพ์ ข้อมูลรายละเอียดของแต่ละจุดที่ตรงกันจะแสดงทั้งสตริงที่ตรงกัน, ตำแหน่ง Index, และทุกกลุ่มการจับ ($1, $2, ...) รวมถึงกลุ่มที่ตั้งชื่อไว้ ((?<name>...)) — ไม่ต้องเดาอีกต่อไปว่ากลุ่มของคุณจับข้อมูลได้ตรงตามที่ต้องการหรือไม่ รองรับ Flag ของ JavaScript ทั้ง 6 ตัว ผ่านทั้งช่องกรอกแบบย่อ (gi, gim) และแถวช่องติ๊กที่ใช้งานง่าย โหมดแทนที่ (Replace) จะรันคำสั่ง String.replace ด้วยแพทเทิร์นและข้อความแทนที่ของคุณ — รองรับ $& (เนื้อหาทั้งหมดที่ตรงกัน), $1..$9 (กลุ่มการจับ) และการอ้างอิงชื่อกลุ่ม ทุกอย่างทำงานภายในเครื่อง ข้อมูลของคุณจึงไม่หลุดออกจากเครื่อง

ตัวอย่างสด
example.com
ตัวทดสอบ Regex พบ 3 รายการที่ตรงกัน
รูปแบบ (Pattern)
/ \b\w+@\w+\.\w+\b / gi
g global i ไม่ระบุตัวเล็กใหญ่ m หลายบรรทัด s dotAll
ข้อความทดสอบ · ไฮไลต์ส่วนที่ตรงกัน
ส่งอีเมลไปที่ [email protected] หรือ [email protected] เพื่อขอรับการสนับสนุน
ติดต่อ [email protected] สำหรับคำถามเกี่ยวกับการเรียกเก็บเงิน
รายละเอียดส่วนที่ตรงกัน
คุณสมบัติหลัก

ไฮไลต์จุดที่ตรงกันแบบสด

จุดที่ตรงกันจะถูกไฮไลต์สลับสีกันระหว่างม่วงและเขียวขณะที่คุณพิมพ์ — เห็นภาพทันทีว่า Regex ของคุณจับส่วนไหนได้บ้างโดยไม่ต้องรันสคริปต์

รายละเอียดรายจุดที่ตรงกัน

แต่ละจุดที่ตรงกันจะแสดงตำแหน่ง Index ในซอร์สโค้ด, สตริงที่ตรงกัน, และทุกกลุ่มการจับ ($1, $2, ...) รวมถึงกลุ่มที่ตั้งชื่อไว้พร้อมค่าที่จับได้

รองรับ JavaScript Flag ทั้งหมด

รองรับ g (global), i (ignore case), m (multiline), s (dotAll), u (unicode), y (sticky) สลับใช้งานได้ผ่านช่องกรอกแบบย่อหรือแถวช่องติ๊ก

พรีวิวการแทนที่

ใส่ข้อความแทนที่พร้อมการอ้างอิงกลับอย่าง $&, $1..$9 หรือ $<name> แล้วคลิก Replace เพื่อเปลี่ยนข้อความทดสอบทันที

การลองผิดลองถูกที่รวดเร็ว

ผลลัพธ์จะอัปเดตสดๆ ทุกครั้งที่กดปุ่มบนคีย์บอร์ด ไม่ต้องกดปุ่ม Run — ปรับแต่งแพทเทิร์นของคุณจนกว่าผลลัพธ์จะออกมาถูกต้อง

แจ้งเตือนข้อผิดพลาด

หากไวยากรณ์ Regex ไม่ถูกต้อง ระบบจะรายงานข้อความแสดงข้อผิดพลาดจากเอนจิน JavaScript โดยละเอียดเพื่อให้คุณแก้ไขได้ทันที

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

การตรวจสอบข้อมูลอินพุตของผู้ใช้

สร้าง Regex สำหรับอีเมล, หมายเลขโทรศัพท์ หรือรหัสไปรษณีย์ แล้วทดสอบกับกรณีขอบเขต (Edge case) ก่อนจะนำไปใช้ในโค้ดจริง

การพาร์ส Log และข้อความ

ดึงข้อมูลที่มีโครงสร้าง (Timestamp, ID, IP) จากบรรทัด Log โดยการปรับแต่ง Regex จนกว่าจะครอบคลุมทุกรูปแบบที่ต้องการ

การรีแฟคเตอร์ด้วยการค้นหาและแทนที่

ตรวจสอบว่า Regex สำหรับการค้นหาและแทนที่ทำงานได้อย่างปลอดภัยบนโค้ดหรือข้อความจริง ก่อนจะนำไปรันกับไฟล์จำนวนมาก

การเรียนรู้ Regex

ทดลองใช้ฟีเจอร์อย่าง Lookahead, Lookbehind, Non-capturing group หรือ Unicode property escape ในพื้นที่ทดสอบที่ปลอดภัยและเห็นภาพชัดเจน

การดีบั๊ก Regex ที่ทำงานไม่ถูกต้อง

วาง Regex จากโค้ดของคุณ พร้อมข้อมูลอินพุตที่ควรจะตรงกัน เพื่อดูว่า Regex ล้มเหลวที่จุดไหน — ไม่ต้องเดาอีกต่อไป

วิธีใช้งาน
1

เปิดเครื่องมือ Regex Tester

คลิกไอคอน Regex ใน DevSuite Pro dock แผงควบคุมจะเปิดขึ้นพร้อมช่องใส่แพทเทิร์น, Flag, ข้อความทดสอบ และช่องสำหรับแทนที่

2

ใส่แพทเทิร์น

พิมพ์ Regex ของคุณระหว่างเครื่องหมายทับ (Slash) สามารถพิมพ์ Flag (เช่น gi) ได้โดยตรง หรือเลือกจากช่องติ๊กด้านล่าง

3

วางข้อความทดสอบ

วางข้อความที่ต้องการค้นหาในพื้นที่ Test Text จุดที่ตรงกันจะถูกไฮไลต์ทันที

4

ตรวจสอบกลุ่มการจับ

รายการรายละเอียดจุดที่ตรงกัน (Match Details) ด้านล่างจะแสดง Index ของแต่ละจุดและกลุ่มที่จับได้ ยืนยันว่ากลุ่มของคุณจับข้อมูลได้ตามที่ต้องการ

5

ลองใช้ Replace (ระบุได้)

ใส่ข้อความแทนที่พร้อมการอ้างอิงกลับอย่าง $1, $& หรือ $<name> แล้วคลิก Replace เพื่อเปลี่ยนข้อความในที่นั้นๆ

พร้อมที่จะลองหรือยัง?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 64 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox