בודק רזולוציית מסך

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

שני המספרים שהכי מתבלבלים ביניהם מוצגים זה לצד זה. רזולוציית המסך היא מה שחומרת הצג מדווחת בפיקסלי CSS; ה־viewport הוא האזור שהדפדפן באמת נותן לדפי אינטרנט – קטן יותר בגלל סרגלי כלים, סרגלי גלילה וגודל החלון. שנו את גודל החלון וראו איך ערכי ה־viewport עוקבים בזמן אמת.

יחס פיקסלים של המכשיר (DPR) מסביר למה מחשב נייד שמצהיר 2880×1800 מדווח על 1440×900: במסכים בצפיפות גבוהה כל פיקסל CSS מצויר בעזרת כמה פיקסלים פיזיים. הכלי מציג את היחס ומכפיל אותו בחזרה, כך שתראו גם את רזולוציית ה-CSS וגם את הרזולוציה הפיזית של התצוגה.

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