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

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

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

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

תכונות חדשות

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

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

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

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

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

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

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

כשאפליקציה מקצה הרבה זיכרון בפרק זמן קצר, כלי הפיתוח מושהים באופן אוטומטי ומגדילים את מגבלת הערימה. כך אפשר לבדוק את הערימה (heap), להריץ פקודות במסוף כדי לפנות זיכרון ולהמשיך לנפות את הבאגים שגרמו לבעיה. מידע נוסף זמין במאמר One Small Step for Chrome, One Giant Heap for V8.

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

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

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

נקודות עצירה ליצירת בד ציור דרך תיבת הסימון 'יצירת הקשר הקנבס'
    בחלונית Event Listener Breakpoints
איור 3. נקודות עצירה ליצירת לוח זמנים ליצירת לוח הציור באמצעות תיבת הסימון Create הדפסות ההקשר בחלונית Event Listener Breakpoints

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

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

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

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

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

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

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

השינויים

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

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

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

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

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

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

למידע נוסף על יצירת פרופילים של מעבד (CPU) בחלונית הביצועים, אפשר לעיין במאמר כלי פיתוח ל-Chrome: יצירת פרופילים של מעבדים (CPU) ב-JavaScript ב-Chrome 58.

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

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

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

נקודות העצירה (breakpoint) של האזנה לאירועים ב-WebGL עברו למיקום אחר

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