כלי עזר חדש של Microsoft Edge DevTools עבור איתור באגים של דליפות זיכרון יצא כעת

דליפת זיכרון של edge dev tools

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

הם יכולים להתרחש כאשר קוד ה-JavaScript של יישום שומר יותר ויותר אובייקטים בזיכרון שאינם זקוקים להם יותר במקום לשחרר אותם כדי שהדפדפן לאסוף אשפה (GC).

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

לאחרונה, חברת הטכנולוגיה שבסיסה ברדמונד יצרה כלי חדש ל-Detached Elements כדי לזהות בעיות ולעזור לעצור דליפות.

איתור באגים של דליפות זיכרון מעולם לא היה קל כל כך

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

בעיקרון, הכלי החדש הזה יעזור לך לחקור ולפתור דליפות זיכרון DOM, והוא בהשראת מחלקת Microsoft Teams, לפי ענקית הטכנולוגיה.

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

בדרך כלל, מיקרוסופט יוצרת צמתי DOM ב-JavaScript כדי להכניס אותם איפשהו בדף כדי להציג אותם.

עם זאת, ניתן גם ליצור צמתים ולעולם לא לצרף אותם או להסיר צמתים מהעמוד ולשמור עליהם הפניות ב-JavaScript.

תפריט " כלים נוספים" ב-Edge DevTools עם הפריט של רכיבים מנותקים מודגש

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

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

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

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

שגיאות סקריפט מוסברות: מהן ואיך לתקן אותן

שגיאות סקריפט מוסברות: מהן ואיך לתקן אותןJavascript

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

קרא עוד
TypeError לא נתפס: $ אינו פונקציה [תיקון שגיאה]

TypeError לא נתפס: $ אינו פונקציה [תיקון שגיאה]Javascript

בצע את השינויים הפשוטים כדי לפתור את השגיאה הזו למטהה-Uncaught TypeError: $ אינו שגיאת פונקציה מתרחשת כאשר משתמש מנסה להשתמש בסימן הדולר $ כפונקציה ב-JavaScript אך היא אינה מזוהה.אם אתה משתמש במספר...

קרא עוד
שגיאת גודל לא חוקית קטלנית של JavaScript 169220804: כיצד לתקן אותה

שגיאת גודל לא חוקית קטלנית של JavaScript 169220804: כיצד לתקן אותהJavascript

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

קרא עוד