חיישנים: אמולציה של חיישני המכשיר

קייס בסקית
קייס בסקית
סופיה אמליאנובה
סופיה אמליאנובה

אפשר להשתמש בכרטיסייה חיישנים כדי לדמות קלט של חיישנים בכל מכשיר:

פתיחת הכרטיסייה 'חיישנים'

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

    • ב-MacOS, מקישים על Command+Shift+P
    • ב-Windows, ב-Linux או ב-ChromeOS, מקישים על Control+Shift+P

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

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

שינוי המיקום הגיאוגרפי

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

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

כדי לשנות את המיקום הגיאוגרפי, פותחים את הכרטיסייה חיישנים, ומתוך הרשימה מיקום גיאוגרפי בוחרים באחת מהאפשרויות הבאות:

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

בחירה באפשרות 'טוקיו' ברשימה 'מיקום גיאוגרפי'

סימולציה של כיוון המכשיר

כדי לדמות כיווןי מכשיר שונים, פותחים את הכרטיסייה חיישנים, ומתוך הרשימה כיוון בוחרים באחת מהאפשרויות הבאות:

  • אחד מהכיוונים שהוגדרו מראש, כמו הדגשת דיוקן.
  • כיוון מותאם אישית כדי לספק כיוון מדויק משלכם.

בחירה באפשרות 'כיוון הפוך' ברשימה 'כיוון'.

אחרי שבוחרים את האפשרות כיוון מותאם אישית, השדות אלפא, בטא ו-gamma יופעלו. כדי להבין איך פועלים הצירים האלה, כדאי לקרוא את המאמרים אלפא, בטא ו-Gamma.

אפשר גם להגדיר כיוון מותאם אישית על ידי גרירת מודל הכיוון. לוחצים לחיצה ארוכה על Shift לפני הגרירה כדי לסובב את התצוגה לאורך ציר אלפא.

מודל הכיוון.

אילוץ מגע

כדי לבדוק אירועי מגע באתר, אפשר לאלץ מגע במקום ללחוץ גם אם הבדיקה מתבצעת במכשיר ללא מסך מגע.

כדי להפעיל אירועי מגע באמצעות הסמן:

  1. פותחים את הכרטיסייה חיישנים.
  2. ברשימה הנפתחת Touch, בוחרים באפשרות Force touch (אילוץ מגע). אילוץ מגע במקום לחיצה.
  3. לוחצים על טעינה מחדש של כלי הפיתוח בהודעה שלמעלה.

אמולציה של מצב מזהה לא פעיל

Idle Detection API מאפשר לכם לזהות משתמשים לא פעילים ולהגיב לשינויים במצב של חוסר פעילות. בעזרת כלי הפיתוח, אתם יכולים לבצע אמולציה של השינויים במצב של אי פעילות גם במצב של המשתמש וגם במצב המסך, במקום להמתין לשינוי בפועל במצב 'לא פעיל'.

כדי לדמות מצבי חוסר פעילות:

  1. פותחים את הכרטיסייה חיישנים. במדריך הזה אפשר לנסות את הכלי בדף ההדגמה הזה.

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

    הענקת הרשאה לזיהוי ללא פעילות בדף הדגמה.

  3. בתפריט הנפתח אמולציה של מצב גלאי חוסר הפעילות, בוחרים באחת מהאפשרויות הבאות:

    • אין אמולציה ללא פעילות
    • המשתמש פעיל, נעילת המסך בוטלה
    • המשתמש פעיל, המסך נעול
    • משתמש לא פעיל, נעילת המסך בוטלה
    • משתמש לא פעיל, המסך ננעל

בחירת מצב לא פעיל ונעול בדף הדגמה.

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