כדאי להשתמש במצב מכשיר כדי להעריך את המראה והביצועים של הדף בנייד.
מצב המכשיר הוא השם של אוסף התכונות בכלי הפיתוח ל-Chrome שעוזרות לדמות מכשירים ניידים. בין התכונות האלה נכללים:
מגבלות
מצב המכשיר הוא כמו הערכה מסדר ראשון של המראה והתחושה של הדף במכשיר נייד. במצב מכשיר, לא ניתן להפעיל את הקוד במכשיר נייד. אפליקציה שמדמה את חוויית המשתמש בנייד או במחשב הנייד.
יש היבטים מסוימים של מכשירים ניידים שכלי הפיתוח לעולם לא יוכלו לדמות. לדוגמה, הארכיטקטורה של מעבדים (CPU) ניידים שונה מאוד מהארכיטקטורה של מחשבים ניידים או נייחים. אם יש לכם ספק, הפתרון הטוב ביותר הוא להפעיל את הדף במכשיר נייד. אפשר להשתמש בניפוי באגים מרחוק כדי להציג, לשנות, לנפות באגים ולהוסיף לפרופיל קוד דף מהמחשב הנייד או מהמחשב בזמן שהוא פועל במכשיר נייד.
הדמיה של אזור תצוגה בנייד
לוחצים על מכשירים החלפת סרגל הכלים של המכשירים כדי לפתוח סרגל כלים שמאפשר לדמות אזור תצוגה בנייד.
כברירת מחדל, סרגל הכלים של המכשיר נפתח באזור התצוגה, שבו המידות מוגדרות כרספונסיביות.
מצב אזור תצוגה רספונסיבית
גוררים את נקודות האחיזה כדי לשנות את גודל אזור התצוגה למידות הרצויות. לחלופין, הזינו ערכים ספציפיים בתיבות הרוחב והגובה. בדוגמה הזו, הרוחב מוגדר ל-480 והגובה מוגדר ל-415.
לחלופין, משתמשים בסרגל של ההגדרות הקבועות מראש של הרוחב כדי להגדיר את הרוחב בלחיצה על אחת מהאפשרויות הבאות:
| נייד S | נייד M | נייד L | טאבלט | מחשב נייד | מחשב נייד גדול | 4K |
|---|---|---|---|---|---|---|
| 320 פיקסלים | 375 פיקסלים | 425 פיקסלים | 768 פיקסלים | 1024 פיקסלים | 1440 פיקסלים | 2560 פיקסלים |
הצגת שאילתות מדיה
כדי להציג נקודות עצירה של שאילתת מדיה מעל לאזור התצוגה, לוחצים על 
אפשרויות נוספות > הצגת שאילתות מדיה.
בכלי הפיתוח מוצגים עכשיו שתי עמודות נוספות מעל אזור התצוגה:
- הסרגל הכחול עם
max-widthנקודות עצירה. - הסרגל הכתום עם
min-widthנקודות עצירה.
לוחצים בין נקודות עצירה כדי לשנות את הרוחב של אזור התצוגה כך שנקודת העצירה תופעל.
כדי למצוא את ההצהרה המתאימה של @media, לוחצים לחיצה ימנית בין נקודות עצירה (breakpoint) ובוחרים באפשרות הצגה בקוד המקור. כלי הפיתוח פותחים את החלונית מקורות בשורה המתאימה בעורך.
הגדרת יחס הפיקסלים של המכשיר
יחס פיקסלים של המכשיר (DPR) הוא היחס בין פיקסלים פיזיים במסך החומרה לבין פיקסלים לוגיים (CSS). במילים אחרות, DPR מורה ל-Chrome בכמה פיקסלים במסך להשתמש כדי לצייר פיקסל CSS. Chrome משתמש בערך DPR בציור במסכים של HiDPI (High Dots Per Inch).
כדי להגדיר ערך DPR:
לוחצים על אפשרויות נוספות
> הוספת יחס הפיקסלים למכשיר.
בסרגל הפעולות בחלק העליון של אזור התצוגה, בוחרים ערך DPR מהתפריט הנפתח החדש DPR.
הגדרת סוג המכשיר
ניתן להשתמש ברשימה סוג מכשיר כדי לדמות מכשיר נייד או מחשב נייח.
אם הרשימה לא מופיעה בסרגל הפעולות שלמעלה, לוחצים על אפשרויות נוספות 
> הוספת סוג מכשיר.
בטבלה הבאה מתוארים ההבדלים בין האפשרויות. שיטת הרינדור קובעת אם Chrome מעבד את הדף כאזור תצוגה לניידים או למחשבים. סמל הסמן מתייחס לסוג הסמן שמוצג כשמעבירים את העכבר מעל הדף. אירועים שהופעלו מציין אם הדף מפעיל את האירועים
touch או click כאשר יש אינטראקציה עם הדף.
| אפשרות | שיטת רינדור | סמל הסמן | אירועים שהופעלו |
|---|---|---|---|
| נייד | נייד | מעגל | מגע |
| נייד (ללא מגע) | נייד | רגיל | click |
| מחשב | מחשב | רגיל | click |
| מחשב (מסך מגע) | מחשב | מעגל | מגע |
מצב ספציפי למכשיר
כדי לדמות את המידות של מכשיר נייד ספציפי, בוחרים את המכשיר מהרשימה מאפיינים.
למידע נוסף, ראה הוספת מכשיר נייד מותאם אישית.
סיבוב של אזור התצוגה לרוחב
לוחצים על screen_rotation סיבוב כדי לסובב את אזור התצוגה לפריסה לרוחב.
חשוב לשים לב שהלחצן סיבוב 
נעלם אם סרגל הכלים של המכשיר צר.
למידע נוסף, ראו הגדרת כיוון.
החלפת מצב של מסך כפול
למכשירים מסוימים, למשל ל-Surface Duo, יש שני מסכים ושתי דרכים להשתמש בהם: אחד במסך או שניהם פעילים.
כדי לעבור בין מסך כפול למסך יחיד, לוחצים על devices_fold החלפת מצב של מסך כפול בסרגל הכלים.
הגדרת מצב המכשיר
למכשירים מסוימים, לדוגמה, Asus Zenbook Fold, יש מסכים מתקפלים. למסכים כאלה יש מעמד: רציף או מקופל. התנוחה הרציפה מתייחסת למיקום "שטוח", ומקופלת יוצרת זווית בין קטעים במסך.
כדי להגדיר את מצב המכשיר, בוחרים באפשרות Continuous (רציף) או Folded (מקפל) בתפריט הנפתח המתאים בסרגל הכלים.
הצגת מסגרת המכשיר
כשמדמים את המידות של מכשיר נייד ספציפי כמו Nest Hub, בוחרים באפשרות אפשרויות נוספות 
> הצגת מסגרת המכשיר כדי להציג את המסגרת הפיזית של המכשיר מסביב לאזור התצוגה.
בדוגמה הזו, כלי הפיתוח מציג את המסגרת של Nest Hub.
הוספת מכשיר נייד בהתאמה אישית
כדי להוסיף מכשיר בהתאמה אישית:
לוחצים על הרשימה מכשירים ולאחר מכן בוחרים באפשרות עריכה.
בכרטיסייה הגדרות > מכשירים, בוחרים מכשיר מרשימת המכשירים הנתמכים או לוחצים על הוספת מכשיר מותאם אישית כדי להוסיף מכשיר מותאם אישית.
אם רוצים להוסיף מכשיר משלכם, מזינים שם, רוחב וגובה של המכשיר ולוחצים על הוספה.
השדות יחס הפיקסלים של המכשיר, מחרוזת סוכן המשתמש וסוג המכשיר הם אופציונליים. השדה של סוג המכשיר הוא הרשימה שמוגדרת כברירת מחדל כנייד.
בחזרה באזור התצוגה, בוחרים את המכשיר החדש שנוסף מרשימת המימדים.
הצג סרגלים
כדי לראות סרגלים, לוחצים על אפשרויות נוספות 
> הצגת סרגלים. יחידת הגודל של הסרגלים היא פיקסלים.
כלי הפיתוח מציגים סרגלים בחלק העליון ומשמאל לאזור התצוגה.
לוחצים על הסרגלים בסימנים ספציפיים כדי להגדיר את הרוחב והגובה של אזור התצוגה.
שינוי מרחק התצוגה
משתמשים ברשימה זום כדי להגדיל או להקטין את התצוגה.
צילום מסך
כדי לצלם צילום מסך של מה שמופיע באזור התצוגה, לוחצים על 
אפשרויות נוספות > יצירת צילום מסך.
כדי לצלם צילום מסך של כל הדף, כולל התוכן שלא מוצג באזור התצוגה, בוחרים באפשרות צילום מסך בגודל מלא מאותו תפריט.
ויסות הרשת והמעבד (CPU)
כדי לווסת את הרשת וגם את המעבד (CPU), בוחרים באפשרות Mid-tier mobile או Low-end mobile ברשימה Throttle.
נייד ברמת ביניים מדמה רשת 3G ומווסת את המעבד (CPU) כך שהוא יהיה איטי פי 4 מהרגיל. נייד פשוט מדמה 3G איטי ומווסת את המעבד פי 6 לאט מהרגיל. חשוב לזכור שויסות הנתונים נמדד ביחס ליכולת הרגילה של המחשב הנייד או המחשב השולחני.
לתשומת ליבכם: אם סרגל הכלים של המכשיר צר, הרשימה ויסות הנתונים תוסתר.
ויסות נתונים של המעבד בלבד
כדי לווסת את המעבד בלבד ולא את הרשת, עוברים לחלונית Performance (ביצועים), לוחצים על Capture Settings (הגדרות צילום) 
ואז בוחרים באפשרות 4x מהדפים או 6x האטה ברשימה CPU.
ויסות נתונים של הרשת בלבד
כדי לווסת את הרשת בלבד ולא את המעבד (CPU), עוברים לחלונית Network ובוחרים באפשרות Fast 3G או Slow 3G מהרשימה Throttle.
לחלופין, אפשר ללחוץ על Command+Shift+P (Mac) או על Control+Shift+P (Windows, Linux או ChromeOS) כדי לפתוח את תפריט
הפקודות, להקליד 3G ולבחור באפשרות הפעלת ויסות נתונים מהיר ב-3G או הפעלת ויסות נתונים איטי ב-3G.
אפשר גם להגדיר ויסות רשת (throttle) בחלונית ביצועים. לוחצים על Capture Settings (הגדרות צילום) 
ובוחרים באפשרות Fast 3G או Slow 3G מהרשימה Network.
אמולציה של חיישנים
אפשר להשתמש בכרטיסייה חיישנים כדי לשנות את המיקום הגיאוגרפי, לדמות את כיוון המכשיר, לאלץ מגע ולאמולציה של מצב ללא פעילות.
בקטעים הבאים מוסבר בקצרה איך לשנות את המיקום הגיאוגרפי ולהגדיר את כיוון ההצגה של המכשיר. רשימה מלאה של התכונות זמינה במאמר סימולציה של חיישני המכשיר.
שינוי המיקום הגיאוגרפי
כדי לפתוח את ממשק המשתמש שמחליף את המיקום הגיאוגרפי, לוחצים על התאמה אישית ושליטה בכלי הפיתוח
ואז בוחרים באפשרות More Tools > Sensors.
אפשר גם ללחוץ על Command+Shift+P (Mac) או על Control+Shift+P (Windows, Linux או ChromeOS) כדי לפתוח את תפריט הפקודה, להקליד Sensors ולבחור באפשרות הצגת חיישנים.
בוחרים אחת מההגדרות הקבועות מראש מהרשימה Location או באפשרות Other... כדי להזין את הקואורדינטות הרצויות, או בוחרים באפשרות Location Available כדי לבדוק איך הדף מתנהג כשמיקום גיאוגרפי נמצא במצב שגיאה.
הגדרת כיוון
כדי לפתוח את ממשק המשתמש של הכיוון, לוחצים על התאמה אישית ושליטה בכלי הפיתוח
ואז בוחרים כלים נוספים > חיישנים
אפשר גם ללחוץ על Command+Shift+P (Mac) או על Control+Shift+P (Windows, Linux או ChromeOS) כדי לפתוח את תפריט הפקודה, להקליד Sensors ולבחור באפשרות הצגת חיישנים.
בוחרים אחת מההגדרות הקבועות מראש מהרשימה כיוון או בוחרים באפשרות כיוון מותאם אישית כדי להגדיר ערכי אלפא, בטא וגמא משלכם.
