מה חדש בכלי הפיתוח (Chrome 61)

התכונות החדשות והשינויים המשמעותיים שיהיו בכלי הפיתוח ב-Chrome 61 כוללים:

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

סימולציה של מכשירים ניידים ברמה נמוכה ובינונית במצב המכשיר (Device Mode)

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

תפריט ויסות הנתונים

איור 1. תפריט ויסות התעבורה

הגדרות של תפריט ויסות נתונים

איור 2. מעבירים את העכבר מעל התפריט Throttling או פותחים את התפריט Capture Settings כדי לראות את ההגדרות של Mid-tier mobile ושל Low-end mobile

הצגת ניצול נפח האחסון

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

הקטע 'שימוש'

איור 3. בקטע Usage מוצג שהחשבון https://airhorner.com משתמש ב-66.9KB מתוך המכסה של המקור, שהיא 15,214MB.

הצגת הזמנים שבהם תגובות אוחסנו במטמון על ידי עובד שירות

בעמודה החדשה Time Cached בכרטיסייה Cache Storage מוצג מתי תגובות אוחסנו במטמון על ידי עובד שירות.

העמודה 'השעה שבה התבצעה השמירה במטמון'

איור 4. העמודה Time Cached

הפעלת מד ה-FPS מתפריט הפקודות

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

הפעלת מד ה-FPS מתפריט הפקודות

איור 5. הפעלת מד ה-FPS מתפריט הפקודות

הגדרת התנהגות של גלגל העכבר כדי להתקרב או לגלול בהקלטות ביצועים

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

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

ההגדרה 'פעולה של גלגלת העכבר בתרשים הלהבות'

איור 6. ההגדרה פעולה של גלגלת העכבר בתרשים הלהבות

תמיכה בניפוי באגים במודולים של ES6

מודולים של ES6 מובנים בגרסה 61 של Chrome. אין כאן הרבה דברים שקשורים ל-DevTools, מלבד העובדה שניפוי הבאגים פועל כצפוי. כדי לראות בעצמכם, נסו להגדיר כמה נקודות עצירה ולעבור עליהן בהטמעת המודולים של ES6 של Paul Irish ב-TodoMVC.

מורידים את הערוצים של התצוגה המקדימה.

מומלץ להשתמש ב-Chrome Canary, ב-Dev או ב-Beta כדפדפן הפיתוח שמוגדר כברירת מחדל. ערוצי התצוגה המקדימה האלה מעניקים לכם גישה לתכונות העדכניות ביותר של DevTools, מאפשרים לכם לבדוק ממשקי API מתקדמים לפלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם יעשו זאת.

יצירת קשר עם צוות כלי הפיתוח ל-Chrome

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

מה חדש בכלי הפיתוח

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.