Όλοι λίγο πολύ γνωρίζουμε μέχρι τώρα τι είναι η διαρροή μνήμης και το γεγονός ότι μπλέκουν με την απόδοση και μπορεί να είναι δύσκολο να διορθωθούν.
Μπορούν να προκύψουν όταν ο κώδικας JavaScript μιας εφαρμογής διατηρεί όλο και περισσότερα αντικείμενα στη μνήμη που δεν χρειάζεται πλέον αντί να τα απελευθερώσει για το πρόγραμμα περιήγησης για συλλογή σκουπιδιών (GC).
Στην περίπτωση εφαρμογών με μεγάλη διάρκεια λειτουργίας, μικρές διαρροές μνήμης λίγων μόνο kilobyte μπορούν να υποβαθμίσουν αισθητά την απόδοση με την πάροδο του χρόνου.
Πρόσφατα, η εταιρεία τεχνολογίας που εδρεύει στο Ρέντμοντ δημιούργησε ένα νέο εργαλείο Detached Elements για να εντοπίσει προβλήματα και να βοηθήσει να σταματήσουν οι διαρροές.
Ο εντοπισμός σφαλμάτων διαρροής μνήμης δεν ήταν ποτέ τόσο εύκολος
Microsoft εξήγησε πώς λειτουργεί το εργαλείο Detached Elements και έδωσε μια σωστή περιγραφή για όλους όσους ενδιαφέρονται για αυτό το θέμα.
Βασικά, αυτό το νέο εργαλείο θα σας βοηθήσει να διερευνήσετε και να επιλύσετε διαρροές μνήμης DOM και είναι εμπνευσμένο από το τμήμα Microsoft Teams, σύμφωνα με τον τεχνολογικό γίγαντα.
Πριν δοκιμάσετε αυτό το νέο εργαλείο στο δικό σας περιεχόμενο ιστού, είναι σημαντικό να κατανοήσετε ορισμένες από τις αποχρώσεις μεταξύ των αποσπασμένων στοιχείων και των διαρροών DOM.
Συνήθως, η Microsoft δημιουργεί κόμβους DOM σε JavaScript για να τους εισάγει κάπου στη σελίδα για να τους εμφανίσει.
Ωστόσο, είναι επίσης δυνατό να δημιουργήσετε κόμβους και να μην τους προσαρτήσετε ποτέ ή να αφαιρέσετε κόμβους από τη σελίδα και να διατηρήσετε αναφορές σε αυτούς σε JavaScript.
Εάν θέλετε, μπορείτε να δοκιμάσετε τις δυνατότητες του νέου εργαλείου μέσω μιας εφαρμογής επίδειξης στο GitHub. Θα σας επιτρέψει να προσομοιώσετε διαρροές μνήμης και να δείτε πού είναι χρήσιμο το βοηθητικό πρόγραμμα Detachable Elements.
Λάβετε υπόψη ότι η Microsoft προτρέπει όσους ενδιαφέρονται για τη νέα της δημιουργία να δοκιμάσουν το εργαλείο σε πραγματικά σενάρια για να ανακαλύψουν τυχόν προβλήματα.
Και αν θέλετε επίσης να παρέχετε κάποια απαραίτητα σχόλια, μπορείτε να το κάνετε μέσω του κουμπιού σχολίων DevTools ή, εναλλακτικά, ρίχνοντας tweets στο Λογαριασμός Twitter Edge DevTools.
Είστε ενθουσιασμένοι με αυτό το νέο σύνολο εργαλείων; Μοιραστείτε τις σκέψεις σας μαζί μας στην παρακάτω ενότητα σχολίων.
