We weten inmiddels allemaal min of meer wat een geheugenlek is, en het feit dat ze knoeien met de prestaties en lastig te repareren zijn.
Ze kunnen optreden wanneer de JavaScript-code van een toepassing steeds meer objecten in het geheugen vasthoudt die niet langer nodig zijn in plaats van ze vrij te geven voor de browser voor het verzamelen van afval (GC).
In het geval van langlopende apps kunnen kleine geheugenlekken van slechts enkele kilobytes de prestaties in de loop van de tijd merkbaar verminderen.
Onlangs heeft het in Redmond gevestigde technologiebedrijf een nieuwe Detached Elements-tool gemaakt om problemen te identificeren en lekken te helpen stoppen.
Foutopsporing bij geheugenlekken was nog nooit zo eenvoudig
Microsoft uitgelegd hoe de Detached Elements-tool werkt en gaf een goed overzicht voor iedereen die geïnteresseerd is in dit onderwerp.
Kortom, deze nieuwe tool helpt je bij het onderzoeken en oplossen van DOM-geheugenlekken, en is volgens de techgigant geïnspireerd door de Microsoft Teams-afdeling.
Voordat u deze nieuwe tool op uw eigen webinhoud probeert, is het belangrijk om enkele nuances tussen vrijstaande elementen en DOM-lekken te begrijpen.
Gewoonlijk maakt Microsoft DOM-knooppunten in JavaScript om ze ergens op de pagina in te voegen om ze weer te geven.
Het is echter ook mogelijk om knooppunten te maken en deze nooit te koppelen of knooppunten van de pagina te verwijderen en verwijzingen ernaar in JavaScript te bewaren.
Als je wilt, kun je de mogelijkheden van de nieuwe tool testen via een demo-app op GitHub. Hiermee kunt u geheugenlekken simuleren en zien waar het hulpprogramma Detachable Elements van pas komt.
Houd er rekening mee dat Microsoft degenen die geïnteresseerd zijn in de nieuwe creatie aanspoort om de tool in echte scenario's te testen om mogelijke problemen te ontdekken.
En als u ook de broodnodige feedback wilt geven, kunt u dat doen via de feedbackknop van DevTools of, als alternatief, door tweets naar de Edge DevTools Twitter-account.
Enthousiast over deze nieuwe set tools? Deel uw mening met ons in de opmerkingen hieronder.