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

קייס באסקית
קייס באסקית

ברוכים הבאים לחלק הראשון של נתוני הגרסה של DevTools! לאחר מכן, בפעם הראשונה שפותחים גרסה חדשה של Chrome, כלי הפיתוח פותחים את חלונית ההזזה מה חדש עם קישור לנתוני הגרסה של Chrome.

תוצאות נבחרות

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

תכונות חדשות

קובצי cookie ניתנים לעריכה

כדי לערוך את הערך הזה, לוחצים לחיצה כפולה על תא בכרטיסייה קובצי cookie.

עריכת קובץ cookie.
איור 1. עריכה של קובץ cookie

תודה ל-kdzwinel על התרומה!

משתני CSS שניתנים לבדיקה ולעריכה בחלונית 'סגנונות'

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

נקודות עצירה (breakpoint) מחוץ לזיכרון

כשאפליקציה מקצה הרבה זיכרון בפרק זמן קצר, כלי הפיתוח מושהים באופן אוטומטי ומגדילים את מגבלת הזיכרון. כך תוכלו לבדוק את הערימה, להפעיל פקודות ב-Play Console כדי לפנות זיכרון ולהמשיך לנפות באגים בבעיה. מידע נוסף זמין במאמר One Small Step For Chrome, One Giant Heap For V8.

בוצעה השהיה בנקודת עצירה מחוץ לזיכרון
איור 2. מושהה בנקודת עצירה מתוך הזיכרון

נקודות עצירה ביצירת קנבס

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

נקודות עצירה ליצירת קנבס באמצעות תיבת הסימון של ההקשר 'יצירת בד ציור', בחלונית 'נקודות עצירה של אירוע (event listener)'
איור 3. נקודות עצירה (breakpoint) ליצירת קנבס באמצעות תיבת הסימון Create בעת יצירת הקשר בחלונית Event Listener Breakpoints

נתונים סטטיסטיים על שעת ההתחלה בכרטיסייה 'תזמון'

בחלק העליון של הכרטיסייה 'תזמון', ניתן לראות עכשיו מתי בקשה נוספה לתור והתחילה.

נתונים סטטיסטיים על שעת ההתחלה בכרטיסייה 'תזמון'.
איור 4. נתונים סטטיסטיים על זמן ההתחלה בכרטיסייה 'תזמון'

נתונים סטטיסטיים על השרת בכרטיסייה 'תזמון'

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

נתונים סטטיסטיים על השרת בכרטיסייה 'תזמון'
איור 5. נתונים סטטיסטיים של השרת בכרטיסייה Schedule (תזמון)

תודה ל-sroussey על התרומה!

השינויים

חלונית ציר הזמן נקראת עכשיו חלונית הביצועים

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

החלונית 'פרופילים' נקראת עכשיו

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

הכלי לניתוח ביצועי ה-CPU נמצא מאחורי חלונית מוסתרת

עכשיו, כשחלונית הפרופילים נקראת 'לוח זיכרון', כבר לא צריך להשתמש בכלי לניתוח ביצועים של המעבד (CPU) בחלונית הזו. בנוסף, היעד בטווח הארוך הוא שכל המשתמשים יבצעו פרופיל עסק מחלונית הביצועים. בינתיים, אתם עדיין יכולים להיכנס לכלי לניתוח ביצועי המעבד (CPU) הישן דרך הגדרות > כלים נוספים > JavaScript Profiler.

במאמר כלי פיתוח ל-Chrome: יצירת פרופיל מעבד (CPU) ב-Chrome ב-Chrome 58 מוסבר איך להגדיר את המעבד (CPU) בחלונית הביצועים.

ממשק המשתמש החדש של המסוף

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

  • לוחצים על הגדרות מסוף הגדרות Console כדי להיכנס להגדרות להתאמה אישית של אופן הפעולה של ה-Play Console.
  • שמירת היומן מוסתר עכשיו בהגדרות המסוף.
  • הלחצן והחלונית Filters לא נמצאים. במקום זאת, אפשר להשתמש בתפריט הנפתח.
  • תיבת הטקסט לסינון יומנים מוצגת עכשיו תמיד. התמונה הוסתרה בעבר בחלונית 'מסננים'.
  • תיבת הטקסט של הסינון מקבלת באופן אוטומטי ביטוי רגולרי, לכן תיבת הסימון Regex תיעלם.
  • תיבת הסימון הסתרת ההפרות נעלמה. כדי לראות הפרות, צריך להגדיר את התפריט הנפתח של רמת הרישום ביומן כVerbose.
  • אם מבטלים את הסימון של התיבה Show all messages (הצגת כל ההודעות) בממשק המשתמש הישן, אפשר לסמן את התיבה Selectedcontext only בהגדרות המסוף בממשק המשתמש החדש.
ממשק המשתמש החדש של המסוף
איור 6. ממשק המשתמש החדש של המסוף

נקודות העצירה של event listener של WebGL עברו

נקודות העצירה של event listener ב-WebGL עברו מהקטגוריה WebGL לקטגוריה Canvas. הקטגוריה WebGL הוסרה.