← חזרה לתכונות
Pro

ממלא טפסים

ממלא הטפסים (Form Filler) מאכלס כל שדה טופס גלוי בדף בנתוני בדיקה מציאותיים - שם, אימייל, טלפון, כתובת, סיסמה וכו'. זיהוי חכם משתמש בסוג השדה, שם, מזהה (id), השלמה אוטומטית (autocomplete) ורמזי placeholder. שדות קשורים נשארים עקביים (שם פרטי + משפחה + אימייל כולם נגזרים מאותה זהות). מטפל בתיבות סימון (checkboxes), כפתורי רדיו (radios), רשימות בחירה (selects) וקלטים נשלטי-React.

מילוי ידני של טפסי בדיקה עשרות פעמים במהלך פיתוח הוא בזבוז זמן מייאש. ממלא הטפסים הופך את התהליך לאוטומטי עם נתונים שנראים מציאותיים. בעת הפעלתו, הכלי מייצר זהות מזויפת מלאה: שם פרטי, שם משפחה, אימייל (הנגזר מהשמות), שם משתמש, סיסמה, טלפון, כתובת מלאה, תאריך לידה, חברה ואתר אינטרנט. לחצו על 'מלא את כל הטפסים' (Fill All Forms) וכל קלט/אזור טקסט/רשימת בחירה גלויים וניתנים לעריכה יקבלו ערך הגיוני. הזיהוי הוא חכם - שדה בשם 'email' או עם type='email' מקבל את האימייל, שדה עם autocomplete='given-name' מקבל את השם הפרטי, שדה מסוג date מקבל תאריך, שדה מסוג number מקבל ערך אקראי בגבולות מינימום/מקסימום. תיבות סימון מסומנות, קבוצות רדיו בוחרות באפשרות הראשונה, רשימות בחירה בוחרות באפשרות השנייה (מדלגות על אפשרויות ראשונות טיפוסיות של placeholder). באופן קריטי, הערכים משגרים (dispatch) אירועי input + change תואמי React ו-Vue כך שרכיבים נשלטים (controlled components) מתעדכנים כראוי - נקודת כאב נפוצה עם ממלאי טפסים פשוטים. צרו זהויות חדשות, דלגו על שדות שכבר מולאו, שלחו אוטומטית (אופציונלי), ו'נקה' (Clear) מוחק הכל חזרה לריק.

תצוגה מקדימה חיה
example.com
מלא טופס ✓ 11 שדות מלאים
זהות נוכחית
First: Maya
Last: Patel
Phone: (415) 555-0142
Street: 1247 Oak Ave
City: Springfield
ZIP: 94103
Password: Test481!cD
מלא את כל הטפסים זהות חדשה נקה שדות
טופס יעד (מלא & מודגש)
First name
Maya
Last name
Patel
Phone
(415) 555-0142
Address
1247 Oak Ave
City
Springfield
תכונות מפתח

נתוני זהות מציאותיים

זהויות מזויפות קוהרנטיות: שם + אימייל תואם, רחוב + עיר + מדינה + מיקוד, טלפון, חברה, יום הולדת, סיסמה העונה על דרישות מורכבות.

זיהוי שדה חכם

בודק type, שם, id, autocomplete, placeholder ו-aria-label כדי לבחור את הערך הנכון - 'fname', 'given-name', 'firstName' כולם ממופים לשם פרטי.

תואם React / Vue

משתמש ב-setter מקומי (native setter) + אירועי input/change כדי לעדכן כראוי רכיבים נשלטים (controlled components) - עובד היכן ש-value = '...' . פשוט נכשל בשקט.

כל סוגי השדות נתמכים

טקסט, אימייל, טלפון, URL, מספר, תאריך, שעה, צבע, טווח (range), סיסמה, אזור טקסט (textarea), בחירה (select), תיבת סימון (checkbox), רדיו - כולם מטופלים כראוי.

שדות קשורים עקביים

שם פרטי, שם משפחה ואימייל מקושרים - מילוי פעם אחת והאימייל הוא '[email protected]', ולא מחרוזת אקראית.

הדגשה חזותית

שדות שמולאו זוהרים לזמן קצר בירוק כדי שתוכלו לאשר במה נגעו. כבו אם אתם מעדיפים מילוי שקט.

מקרי שימוש נפוצים

פיתוח טפסים מהיר

בונים תהליך הרשמה? מילוי כל הטפסים מתבצע באופן מיידי - אין יותר להקליד ידנית 'test' '[email protected]' בפעם ה-40.

בדיקות QA מקצה לקצה (End-to-End)

הדגימו טופס רב-שלבי עם נתונים מציאותיים - שמות, כתובות ומספרי טלפון שבאמת נראים אמינים לבעלי עניין.

בדיקת מקרי קצה לאימות (Validation)

צרו מספר זהויות במהירות כדי לבדוק שם-עם-גרש, אימיילים ארוכים, תבניות טלפון חריגות וכו'.

בדיקת עומס (Load Testing) לשליחות טופס

בשילוב עם שליחה אוטומטית, שלחו במהירות טופס בדיקה N פעמים כדי לבדוק עומס על הטיפול בשרת ללא כל סקריפט.

הדגמת ממשקי משתמש (UIs)

מלאו טופס בלייב במהלך הדגמת לקוח מבלי להשהות כדי להמציא נתונים סבירים - ממלא הטפסים שומר על זרימת ההדגמה.

איך להשתמש
1

פתח את ממלא הטפסים

לחצו על סמל ממלא הטפסים (Form Filler) ב-DevSuite Pro. זהות נוצרת אוטומטית ומוצגת בחלונית.

2

סקור את הזהות (אופציונלי)

בדקו את השם, האימייל, הסיסמה הנוכחיים וכו'. אם אתם רוצים נתונים שונים, לחצו על 'זהות חדשה' (New Identity) כדי ליצור מחדש.

3

הגדר אפשרויות

הפעילו/כבו את 'הדגש שדות שמולאו' לאישור חזותי, 'שליחה אוטומטית' כדי לשגר את הטופס לאחר המילוי, או 'דלג על שדות שמולאו' כדי לשמור על ערכים קיימים.

4

לחץ על 'מלא את כל הטפסים'

כל קלט גלוי בדף יקבל ערך הגיוני. הודעת חלונית (toast) תדווח כמה שדות מולאו.

5

חזור או נקה

צרו זהות חדשה כדי למלא שוב עם נתונים שונים, או לחצו על 'נקה שדות' (Clear Fields) כדי לאפס את הטופס לריק.

מוכנים לנסות?

התקן את DevSuite Pro בחינם ופתח 64+ כלי פיתוח לדפדפן שלך.

הוסף ל-Chrome הוסף ל-Edge הוסף ל-FireFox