Memory leak is a common problem in programming, when a piece of code is not managed and allocated memory properly after it stops running. This will cause particularly undesirable crashes in long running applications where even KBs of unreleased memory accumulate over time, resulting in significant performance degradation. capacity. To address this, Microsoft has revealed a new tool in the Edge browser that can provide developers with the ability to debug memory leaks.
Specifically In a blog post, Microsoft introduced a new tool called Detached Elements, which is part of the Edge DevTools toolkit, and is designed to give developers the power to investigate Document Object Model leaks. (DOM). As the name suggests, this tool will present the developer with a list of detached elements that they can investigate and analyze more closely.
It is important to note that the dissociative elements do not all bring negativity. Some apps like Twitter intentionally attach and detach detached elements when your feed loads. That means having a detached element list ensures that developers can drill deeper into the application and fix DOM leaks when needed.
Microsoft has published a demo chat app (accessible here) so you can test out Detached Elements through Edge. The company blog post also contains extensive information on how you can investigate DOM leaks in this and further real-world applications. Detached Elements will be available starting with Edge 97, and you can send feedback about the tool to Microsoft via the feedback icon at the top right of Edge DevTools.