Un nouvel utilitaire Microsoft Edge DevTools pour le débogage des fuites de mémoire est maintenant disponible

fuite de mémoire des outils de développement Edge

Nous savons tous à peu près ce qu'est une fuite de mémoire et le fait qu'elle perturbe les performances et peut être difficile à réparer.

Ils peuvent se produire lorsque le code JavaScript d'une application conserve en mémoire de plus en plus d'objets dont il n'a plus besoin au lieu de les libérer pour que le navigateur effectue le garbage collector (GC).

Dans le cas d'applications de longue durée, de petites fuites de mémoire de quelques kilo-octets seulement peuvent dégrader sensiblement les performances au fil du temps.

Récemment, la société de technologie basée à Redmond a créé un nouvel outil d'éléments détachés pour identifier les problèmes et aider à arrêter les fuites.

Le débogage des fuites de mémoire n'a jamais été aussi simple

Microsoft expliqué comment fonctionne l'outil Éléments détachés et a donné un aperçu approprié pour tous ceux qui s'intéressent à ce sujet.

Fondamentalement, ce nouvel outil vous aidera à enquêter et à résoudre les fuites de mémoire DOM, et s'inspire du département Microsoft Teams, selon le géant de la technologie.

Avant d'essayer ce nouvel outil sur votre propre contenu Web, il est important de comprendre certaines des nuances entre les éléments détachés et les fuites DOM.

Habituellement, Microsoft crée des nœuds DOM en JavaScript pour les insérer quelque part dans la page pour les afficher.

Cependant, il est également possible de créer des nœuds et de ne jamais les attacher ou de supprimer des nœuds de la page et d'en conserver les références dans JavaScript.

Menu « Plus d'outils » dans Edge DevTools avec l'élément Éléments détachés en surbrillance

Si vous le souhaitez, vous pouvez tester les capacités du nouvel outil via une application de démonstration sur GitHub. Il vous permettra de simuler des fuites de mémoire et de voir où l'utilitaire Detachable Elements est utile.

Gardez à l'esprit que Microsoft exhorte les personnes intéressées par sa nouvelle création à tester l'outil dans des scénarios réels pour découvrir tout problème potentiel.

Et si vous souhaitez également fournir des commentaires indispensables, vous pouvez le faire via le bouton de commentaires de DevTools ou, alternativement, en lançant des tweets au Compte Twitter Edge DevTools.

Enthousiasmé par ce nouvel ensemble d'outils? Partagez vos réflexions avec nous dans la section commentaires ci-dessous.

JavaScript Heap Out of Memory Error: causes et comment y remédier

JavaScript Heap Out of Memory Error: causes et comment y remédierJavascript

La raison derrière cette erreur pourrait être un espace insuffisant allouéLa raison derrière cela pourrait être une taille de table de page non valide ou des problèmes avec la pile d'appels de fonc...

Lire la suite
Explication des erreurs de script: de quoi s'agit-il et comment les corriger

Explication des erreurs de script: de quoi s'agit-il et comment les corrigerJavascript

Vérifiez les fautes d'orthographe avant d'exécuter votre scriptLes erreurs de script sont des messages qui apparaissent lorsqu'il y a un problème avec le code sur votre site Web.Ces erreurs peuvent...

Lire la suite
Erreur de type non interceptée: $ n'est pas une fonction [Correctif d'erreur]

Erreur de type non interceptée: $ n'est pas une fonction [Correctif d'erreur]Javascript

Suivez les ajustements simples pour résoudre cette erreur ci-dessousL'erreur Uncaught TypeError: $ n'est pas une erreur de fonction se produit lorsqu'un utilisateur essaie d'utiliser le signe dolla...

Lire la suite