מצב מכשיר חדש לדור ראשון של מכשירים ניידים
לפני קצת יותר משנה, השקנו את מצב המכשיר, שהוא דרך לאמולציה של מכשירים ולעבודה עם עיצובים רספונסיביים. עכשיו הגיע הזמן לשדרוג המשמעותי הראשון, החל מ-Chrome 49. אז מה חדש?
השימוש בנייד הופך לנקודת ההתחלה בכלי הפיתוח ל-Chrome. בעבר הצענו דרכים לאמולציה של הנייד, אבל ברירת המחדל למפתחים הייתה גישה למחשבים. תמיד היה צורך להפעיל אמולציה לנייד. כיום, לאחר שצריכה של אתרים לנייד עברה במחשבים במקומות רבים, אנחנו משנים את המעמד שלנו גם בכלי הפיתוח.
מה חדש?
בראש ובראשונה, ממשק המשתמש יעיל יותר ומשתמש בהרבה פחות מקום. אנחנו מצפים שמצב המכשיר החדש יהפוך למצב הפיתוח הראשי לרוב, לכן נדרש עיצוב נקי ופשוט שמרחיב את סרגל הניווט הראשי של כלי הפיתוח.
סרגל המכשיר החדש לקפיצה מהירה מעל שאילתות המדיה.
בנוסף, מיקמנו את אזור התצוגה והוספנו סרגל חדש לקפיצה מהירה בחלק העליון, שעזר מאוד בעיצוב שלכם עם יכולת תגובה, שנותן לכם מושג לגבי הגדלים הנפוצים ביותר של מכשירים.
ולסיום, כשאפשר, הרבה אפשרויות מקובצות או מוסתרות מאחורי מתג. בזכות האפשרויות המורכבות החדשות האלה קל יותר לעבור בין המצבים. כדי להפעיל או להשבית אמצעי בקרה מסוימים או להתאים אישית את החוויה בסרגל הכלים, לוחצים על סמל תפריט שלוש הנקודות הקטן.
רספונסיבית כברירת מחדל
סרגל הכלים הראשי של כלי הפיתוח מתרחב עכשיו לצד ימין של חלון הדפדפן, ומכיל את הכלים החשובים ביותר לאמולציה של מגוון מכשירים ניידים ומחשבים. אפשר לבחור בין שני מצבי פיתוח:
- מודעות רספונסיבית
- מכשיר ספציפי
בשני המצבים, אזור התצוגה נמצא בחלון נפרד שניתן לשנות את הגודל שלו בתוך Chrome. לכך יש יתרון משמעותי בכך שאפשר להגדיל את חלון הדפדפן ואת כלי הפיתוח בדיוק כמו שאתם אוהבים, ולא לגרום להם לקפוץ פנימה כשבודקים מספר גדלים של הדף וחוזרים אחורה.
רספונסיבי הוא המצב שכדאי להיות בו במהלך איטרציה פעילה כדי לוודא שהאתר פועל בכל סוגי המכשירים, ולא רק בכמה מכשירים ספציפיים. במצב הזה, הכינויים ליד אזור התצוגה ניתנים לשינוי באופן חופשי.
מכשיר ספציפי: כשבוחרים מכשיר ספציפי ונועלים את אזור התצוגה לפי הגודל שלו. האפשרות הזאת שימושית כשרוצים לקבל תיקונים סופיים ותיקונים בכמה מכשירים פופולריים לקראת ההשקה. לכן אנחנו לא מציגים רק רשימה ענקית של כל סוגי המכשירים בתפריט הנפתח, אלא את המכשירים הפופולריים ביותר כרגע. אם תבחרו באפשרות הזו, אנחנו נעשה כמיטב יכולתנו כדי להתנהג כמו האירוע האמיתי: מתבצעת אמולציה של כל אירועי המגע, סוכן המשתמש, אזור התצוגה, כרום וממשק המשתמש של המכשיר (אם זמין).
ניפוי באגים מרחוק משולב
אפשר להשיג אותך רק עד עכשיו בעזרת אמולציות, אפילו הכי טובות שזמינות. יש דברים שפשוט אי אפשר לבצע כיום אמולציות, כמו:
- בודקים אם הלחצן גדול מספיק בשביל האגודל.
- בדיקת ביצועי האתר בטלפון איטי יותר.
- ניפוי באגים של תכונות ומגבלות אקראיות במכשירים מסוימים.
כדי לבדוק מספיק את כל התרחישים האלה, צריך לבצע בדיקות, לעבוד ולנפות באגים באמצעות מכשירים פיזיים אמיתיים.
בינתיים, אפשר לגלוש אל chrome://inspect, לחבר את המכשיר באמצעות
USB ולפתוח סשן של ניפוי באגים מרחוק דרך כלי הפיתוח. אבל עכשיו התקדמנו צעד אחד קדימה וסידרנו מחדש את האופן שבו ניפוי הבאגים מרחוק נראה ומתנהג, והטמענו אותו בחלק המרכזי של כלי הפיתוח. במקום לגלוש לדף אחר, עכשיו אפשר לגשת
לבדיקת מכשירים כתיבת דו-שיח, ישירות בתפריט הראשי החדש. כך
הרבה יותר קל לכלול ניפוי באגים פיזי בתהליך העבודה –
פשוט מחברים את הטלפון, בלי לצאת מכלי הפיתוח.
בתים חדשים לשאר אמצעי הבקרה לאמולציה לשעבר
מכיוון שהנייד הוא עכשיו ברירת המחדל בכלי הפיתוח, תכונות כמו ויסות רשת הועברו לבית הנכון שלהן. במקרה הזה, חלונית הרשת.
תכונות מסוימות, כמו אמולציה של חיישנים או הגדרות עיבוד כמו אמולציה של מדיה מודפסת, הועברו למקום עקבי במגירה. כל האפשרויות נמצאות בתפריט הראשי החדש בקטע 'כלים נוספים'.
ברור לנו שמדובר בשינוי משמעותי שאליו כולנו נצטרך להתרגל אליו. אפשר למצוא כיסוי מלא על כל תוכן המכשיר במסמכים שעודכנו לאחרונה של מצב המכשיר. נשמח לשמוע מכם ב-Twitter, או אם אתם זקוקים ליותר מ-140 תווים, בכלי המעקב אחר באגים (כן, גם בבקשות להוספת תכונות).