Dale St. Marthe
בחלונית זיכרון יש כלים לאבחון שמאפשרים לראות את התפלגות הזיכרון בין אובייקטים של JavaScript, לזהות דליפות זיכרון ולבודד אותן, לקבל פירוט של הקצאת הזיכרון לפי פונקציה ועוד.
סקירה כללית
בחלונית זיכרון אפשר לצלם ארבעה סוגים של פרופילים. סוגי הפרופילים האלה מציגים תמונות מצב מנקודות מבט שונות ומספקים שימושים שונים:
- תמונה מצב של ערימה (heap snapshot): התפלגות הזיכרון בין הרכיבים של JavaScript וצומתי DOM קשורים בדף.
- אינסטרומנטציה הקצאה בציר הזמן: מציגה הקצאות זיכרון של JavaScript לפי אינסטרומנטציה לאורך זמן. לאחר שפרופיל יוקלט, תוכלו לבחור מרווח זמן כדי לראות אובייקטים שהוקצו מתוך החשבון ועדיין זמינים בסיום ההקלטה. יש להשתמש בסוג הפרופיל הזה כדי לבודד דליפות זיכרון.
- דגימות של הקצאה: מתועדות הקצאות זיכרון באמצעות שיטת הדגימה. לסוג הפרופיל הזה יש תקורת ביצועים מינימלית וניתן להשתמש בו לפעולות ממושכות. הפעולה מספקת אומדן טוב להקצאות המפורטות לפי מחסנית ביצוע של JavaScript.
- רכיבים מנותקים: מוצגים אובייקטים שנשמרים על ידי הפניה ב-JavaScript.
תוכלו לבחור מכונת VM של JavaScript כדי להריץ כל אחד מהפרופילים האלה.
מידע נוסף זמין במאמרים הבאים:
פתיחת החלונית 'זיכרון'
כדי לפתוח את החלונית זיכרון:
- פותחים את כלי הפיתוח.
- כדי לפתוח את תפריט הפקודות, לוחצים על:
- macOS: Command+Shift+P
- ב-Windows, ב-Linux וב-ChromeOS: Control+Shift+P
- מתחילים להקליד
memory, בוחרים באפשרות הצגת הזיכרון ומקישים על Enter. ב-DevTools מוצגת החלונית זיכרון בחלק העליון של החלון.
לחלופין, אפשר לפתוח את חלונית הזיכרון בדרכים הבאות:
- בסרגל הפעולות בחלק העליון, לוחצים על עוד חלוניות ובוחרים באפשרות זיכרון מהתפריט הנפתח.
- בפינה השמאלית העליונה, בוחרים באפשרות אפשרויות נוספות > כלים נוספים > זיכרון.