הפניה לאירוע בציר הזמן

מגין קירני
מגין קירני
פלביו קופס
פלביו קופס

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

מאפיינים נפוצים של אירועים בציר הזמן

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

מאפיין (property)מתי הוא מוצג
זמן מצטברבאירועים עם אירועים מוטמעים, משך הזמן לכל קטגוריה של אירועים.
מחסנית Call Stackלאירועים עם אירועים צאצאים: משך הזמן לכל קטגוריה של אירועים.
זמן CPU (יחידת עיבוד מרכזית)כמה זמן של שימוש במעבד (CPU) נמשך האירוע שהוקלט.
פרטיםפרטים אחרים על האירוע.
משך זמן (בחותמת הזמן)כמה זמן לקח לאירוע עם כל הצאצאים שלו סיימו להשלים את האירוע. חותמת הזמן היא השעה שבה האירוע התרחש, יחסית לנקודת ההתחלה של ההקלטה.
זמן לעצמיכמה זמן נמשך האירוע ללא הילדים שלו.
גודל ערימה (heap) משומשכמות הזיכרון שבשימוש על ידי האפליקציה כשהאירוע נרשם, והדלתא (+/-) משתנה בגודל הערימה (heap) שבשימוש מאז הדגימה האחרונה.

האירועים בטעינה

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

אירועתיאור
ניתוח HTMLChrome הפעיל את אלגוריתם ניתוח ה-HTML שלו.
סיום הטעינהבקשת רשת הושלמה.
קבלת נתוניםהתקבלו נתונים לגבי בקשה. יהיה אירוע אחד או יותר של 'קבלת נתונים'.
קבלת תגובההתגובה הראשונית ב-HTTP מבקשה.
שליחת בקשהנשלחה בקשת רשת.

מאפייני האירוע בטעינה

מאפיין (property)תיאור
משאבכתובת ה-URL של המשאב המבוקש.
Previewתצוגה מקדימה של המשאב המבוקש (תמונות בלבד).
שיטת בקשהשיטת ה-HTTP שבה נעשה שימוש בבקשה (לדוגמה, GET או POST).
קוד סטטוסקוד תגובת HTTP.
סוג MIMEסוג MIME של המשאב המבוקש.
אורך הנתונים המקודדיםאורך המשאב המבוקש בבייטים.

אירועי סקריפטים

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

אירועתיאור
הופעל פריים אנימציהמסגרת אנימציה מתוזמנת הופעלה, וה-handler של הקריאה החוזרת (callback) שלה הופעל.
ביטול מסגרת האנימציהמסגרת אנימציה מתוזמנת בוטלה.
אירוע GCהתרחש איסוף אשפה.
DOMContentLoadedהאירוע DOMContentLoaded הופעל על ידי הדפדפן. האירוע הזה מופעל כאשר כל תוכן ה-DOM של הדף נטען ונותח.
הערכה של הסקריפטבוצעה הערכה של סקריפט.
אירועאירוע JavaScript ("mousedown" או "key", לדוגמה).
בקשה להפעלת פונקציהבוצעה קריאה לפונקציה של JavaScript ברמה העליונה (מופיעה רק כשהדפדפן נכנס למנוע JavaScript).
התקנת טיימרנוצר טיימר באמצעות setInterval() או setTimeout().
בקשה למסגרת אנימציהשיחה עם requestAnimationFrame() תוזמנה פריים חדש
הסרה של הטיימרטיימר שנוצר בעבר נוקה.
שעהסקריפט שנקרא console.time()
זמן סיוםסקריפט שנקרא console.timeEnd()
הופעל הטיימרהופעל טיימר שתוזמן עם setInterval() או setTimeout().
שינוי במצב המוכנות לפעולה של XHRמצב ההכנה של XMLHTTPRequest השתנה.
טעינת XHRהטעינה של XMLHTTPRequest הסתיימה.

מאפייני אירוע של סקריפטים

מאפיין (property)תיאור
מזהה הטיימרמזהה הטיימר.
חסימה זמניתהזמן הקצוב לתפוגה שהוגדר על ידי הטיימר.
חזרותערך בוליאני שמציין אם הטיימר חוזר.
בקשה להפעלת פונקציהפונקציה שהופעלה.

רינדור אירועים

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

אירועתיאור
ביטול תוקף הפריסהפריסת הדף בוטלה עקב שינוי DOM.
פריסהבוצעה פריסת דף.
חישוב מחדש של הסגנוןסגנונות רכיבים שחושבו מחדש ב-Chrome.
גלילהבוצעה גלילה בתוכן של תצוגת העץ.

רינדור מאפייני אירועים

מאפיין (property)תיאור
הפריסה בוטלהעבור רשומות פריסה, דוח הקריסות של הקוד שגרם לביטול הפריסה.
צמתים שנדרשת להם פריסהלגבי רשומות פריסה, מספר הצמתים שסומנו כדרושים לפריסה לפני תחילת הממסר. בדרך כלל מדובר בצמתים שבוטלו על ידי קוד המפתח, יחד עם נתיב למעלה לרוטציית שורש.
גודל עץ הפריסהלרשומות Layout, מספר הצמתים הכולל מתחת לשורש של הממסר (הצומת שבו Chrome מפעיל את הממסר).
היקף הפריסהערכים אפשריים הם 'חלקי' (גבול הפריסה מחדש הוא חלק מה-DOM) או 'כל המסמך'.
רכיבים שהושפעועבור 'חישוב מחדש של רשומות סגנון', מספר הרכיבים שהושפעו מחישוב מחדש של סגנון.
הסגנונות בוטלובקטע 'חישוב מחדש של רשומות סגנון', מוצג דוח הקריסות של הקוד שגרם לביטול הסגנון.

אירועים בנושא ציור

בקטע הזה מפורטים אירועים ששייכים לקטגוריה 'ציור' ולמאפיינים שלהם.

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

ציור מאפיינים של אירוע

מאפיין (property)תיאור
מיקוםבאירועי צבע, קואורדינטות ה-x וה-y של מלבן הצבע.
מאפייניםבאירועים של 'הצגת תמונה', הנתונים של הגובה והרוחב של האזור הצבוע.