Form Filler ช่วยกรอกทุกช่องข้อมูลที่มองเห็นบนหน้าเว็บด้วยข้อมูลทดสอบที่สมจริง — เช่น ชื่อ, อีเมล, เบอร์โทรศัพท์, ที่อยู่, รหัสผ่าน ฯลฯ มีระบบตรวจจับอัจฉริยะจากประเภทฟิลด์, ชื่อ, ID, Autocomplete และ Placeholder ข้อมูลที่เกี่ยวข้องกันจะสอดคล้องกัน (เช่น ชื่อ + นามสกุล + อีเมล จะมาจากตัวตนเดียวกัน) รองรับทั้ง Checkbox, Radio, Select และอินพุตที่ควบคุมด้วย React
การต้องมานั่งกรอกแบบฟอร์มทดสอบซ้ำๆ เป็นสิบเป็นร้อยครั้งในระหว่างการพัฒนานั้นเป็นเรื่องที่เสียเวลามาก Form Filler จึงเข้ามาช่วยจัดการเรื่องนี้ด้วยข้อมูลที่ดูสมจริง เมื่อเปิดใช้งาน เครื่องมือจะสร้างตัวตนปลอมขึ้นมาให้ครบชุด: ชื่อ, นามสกุล, อีเมล (ที่สร้างจากชื่อ), ชื่อผู้ใช้, รหัสผ่าน, เบอร์โทรศัพท์, ที่อยู่เต็ม, วันเกิด, บริษัท และเว็บไซต์ เมื่อคลิกปุ่ม Fill All Forms ทุกช่องอินพุต/Textarea/Select ที่มองเห็นและแก้ไขได้จะได้รับค่าที่เหมาะสม ระบบตรวจจับมีความฉลาด — เช่น ฟิลด์ที่ชื่อ "email" หรือมี type="email" จะได้รับค่าอีเมล, ฟิลด์ที่มี autocomplete="given-name" จะได้รับชื่อจริง, ฟิลด์ประเภทวันที่หรือตัวเลขจะได้รับค่าที่สุ่มในช่วงที่เหมาะสม Checkbox จะถูกติ๊กเลือก, กลุ่ม Radio จะเลือกตัวเลือกแรก, ส่วน Select จะเลือกตัวเลือกที่สอง (เพื่อข้ามตัวเลือก Placeholder ที่มักเป็นอันดับแรก) สิ่งสำคัญคือ ค่าที่กรอกจะมีการส่งเหตุการณ์ (Event) Input และ Change ที่เข้ากันได้กับ React และ Vue เพื่อให้ส่วนประกอบที่ถูกควบคุม (Controlled Components) อัปเดตสถานะได้อย่างถูกต้อง — ซึ่งเป็นปัญหาที่พบได้บ่อยในเครื่องมือกรอกฟอร์มทั่วไป คุณสามารถสร้างตัวตนใหม่, เลือกข้ามฟิลด์ที่มีข้อมูลอยู่แล้ว, ตั้งค่าให้ส่งฟอร์มอัตโนมัติ (Auto-submit) หรือล้างข้อมูลทั้งหมดกลับเป็นค่าว่างได้
สร้างตัวตนที่สอดคล้องกัน: ชื่อพร้อมอีเมลที่ตรงกัน, ที่อยู่ (ถนน+เมือง+รัฐ+รหัสไปรษณีย์), เบอร์โทรศัพท์, บริษัท, วันเกิด และรหัสผ่านที่ตรงตามข้อกำหนดความซับโซน
ตรวจสอบจาก Type, Name, ID, Autocomplete, Placeholder และ aria-label เพื่อเลือกค่าที่ถูกต้อง — เช่น "fname", "given-name", "firstName" ทั้งหมดจะถูกจับคู่เป็นชื่อจริง
ใช้ Native Setter พร้อมเหตุการณ์ Input/Change เพื่ออัปเดต Controlled Components ได้อย่างถูกต้อง — ใช้งานได้ในจุดที่การกำหนดค่า .value = '...' แบบธรรมดาทำไม่ได้
จัดการได้ถูกต้องทั้ง Text, Email, Tel, URL, Number, Date, Time, Color, Range, Password, Textarea, Select, Checkbox และ Radio
ชื่อ, นามสกุล และอีเมลจะเชื่อมโยงกัน — กรอกครั้งเดียวจะได้อีเมลในรูปแบบ "[email protected]" แทนที่จะเป็นสตริงสุ่ม
ฟิลด์ที่ถูกกรอกจะมีการเรืองแสงสีเขียวครู่หนึ่งเพื่อให้คุณยืนยันได้ว่าส่วนไหนถูกแก้ไขบ้าง สามารถปิดฟีเจอร์นี้ได้หากต้องการให้กรอกเงียบๆ
กำลังสร้างหน้าสมัครสมาชิกอยู่ใช่ไหม? ใช้ Fill All Forms เพื่อกรอกข้อมูลได้ทันที — ไม่ต้องนั่งพิมพ์ "test" "[email protected]" ด้วยตัวเองเป็นรอบที่ 40 อีกต่อไป
สาธิตแบบฟอร์มที่มีหลายขั้นตอนด้วยข้อมูลที่สมจริง — ทั้งชื่อ, ที่อยู่ และเบอร์โทรศัพท์ที่ดูน่าเชื่อถือสำหรับผู้มีส่วนร่วมในโครงการ
สร้างตัวตนหลายๆ ชุดอย่างรวดเร็วเพื่อทดสอบชื่อที่มีเครื่องหมายฝนทอง (Apostrophe), อีเมลที่ยาวมาก หรือรูปแบบเบอร์โทรศัพท์ที่แปลกตา
เมื่อใช้ร่วมกับ Auto-submit คุณสามารถส่งแบบฟอร์มทดสอบซ้ำๆ ได้ N ครั้งเพื่อทดสอบการรับภาระของ Backend โดยไม่ต้องเขียนสคริปต์
กรอกแบบฟอร์มสดๆ ระหว่างการสาธิตงานให้ลูกค้าดูโดยไม่ต้องเสียเวลาคิดข้อมูลสมมติ — Form Filler ช่วยให้การสาธิตไหลลื่นไม่สะดุด
คลิกไอคอน Form Filler ใน DevSuite Pro dock ระบบจะสร้างตัวตนจำลองขึ้นมาโดยอัตโนมัติและแสดงในแผงควบคุม
ตรวจสอบชื่อ, อีเมล, รหัสผ่าน ฯลฯ หากต้องการข้อมูลชุดใหม่ ให้คลิก New Identity เพื่อสร้างใหม่
เลือกเปิดใช้งาน "highlight filled fields" เพื่อยืนยันด้วยสายตา, "auto-submit" เพื่อส่งฟอร์มทันทีหลังกรอก หรือ "skip already-filled" เพื่อคงค่าเดิมที่มีอยู่แล้วไว้
ทุกอินพุตที่มองเห็นบนหน้าเว็บจะได้รับค่าที่เหมาะสม ระบบจะแจ้งเตือน (Toast) ว่ามีการกรอกข้อมูลไปทั้งหมดกี่ฟิลด์
สร้างตัวตนใหม่เพื่อกรอกด้วยข้อมูลที่ต่างออกไป หรือคลิก Clear Fields เพื่อรีเซ็ตแบบฟอร์มกลับเป็นค่าว่าง
ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 64 รายการสำหรับเบราว์เซอร์ของคุณ
