Vi ved alle stort set, hvad en hukommelseslækage er efterhånden, og det faktum, at de roder med ydeevnen og kan være vanskelige at reparere.
De kan opstå, når JavaScript-koden for en applikation beholder flere og flere objekter i hukommelsen, som den ikke behøver længere, i stedet for at frigive dem for browseren til garbage collect (GC).
I tilfælde af langvarige apps kan små hukommelseslækager på kun et par kilobyte tilføje op til mærkbart forringe ydeevnen over tid.
For nylig har den Redmond-baserede teknologivirksomhed lavet et nyt Detached Elements-værktøj til at identificere problemer og hjælpe med at stoppe lækager.
Debugging af hukommelseslækager har aldrig været så let
Microsoft forklaret hvordan Detached Elements-værktøjet virker og gav en ordentlig gennemgang for alle interesserede i dette emne.
Grundlæggende vil dette nye værktøj hjælpe dig med at undersøge og løse DOM-hukommelseslækager og er ifølge teknologigiganten inspireret af Microsoft Teams-afdelingen.
Før du prøver dette nye værktøj på dit eget webindhold, er det vigtigt at forstå nogle af nuancerne mellem løsrevne elementer og DOM-lækager.
Normalt opretter Microsoft DOM-noder i JavaScript for at indsætte dem et sted på siden for at vise dem.
Det er dog også muligt at oprette noder og aldrig vedhæfte dem eller fjerne noder fra siden og opbevare referencer til dem i JavaScript.
Hvis du vil, kan du teste det nye værktøjs muligheder via en demo-app på GitHub. Det giver dig mulighed for at simulere hukommelseslækager og se, hvor hjælpeprogrammet Detachable Elements er praktisk.
Husk, at Microsoft opfordrer dem, der er interesserede i dets nye skabelse, til at teste værktøjet i virkelige scenarier for at opdage eventuelle potentielle problemer.
Og hvis du også vil give noget tiltrængt feedback, kan du gøre det via DevTools feedback-knappen eller alternativt ved at smide tweets på Edge DevTools Twitter-konto.
Er du begejstret for dette nye sæt værktøjer? Del dine tanker med os i kommentarfeltet nedenfor.