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