Wszyscy już prawie wiemy, czym jest wyciek pamięci i fakt, że zakłócają one wydajność i mogą być trudne do załatania.
Mogą wystąpić, gdy kod JavaScript aplikacji przechowuje w pamięci coraz więcej obiektów, których już nie potrzebuje, zamiast zwalniać je w przeglądarce do zbierania śmieci (GC).
W przypadku długo działających aplikacji niewielkie wycieki pamięci, wynoszące zaledwie kilka kilobajtów, mogą z czasem znacząco obniżyć wydajność.
Niedawno firma technologiczna z Redmond stworzyła nowe narzędzie Detached Elements do identyfikacji problemów i pomagania w zapobieganiu wyciekom.
Debugowanie wycieków pamięci nigdy nie było tak proste
Microsoft wyjaśniono jak działa narzędzie Detached Elements i podało właściwy przegląd wszystkim zainteresowanym tym tematem.
Zasadniczo to nowe narzędzie pomoże Ci zbadać i rozwiązać wycieki pamięci DOM i jest inspirowane przez dział Microsoft Teams, według giganta technologicznego.
Zanim wypróbujesz to nowe narzędzie na własnej treści internetowej, ważne jest, aby zrozumieć niektóre niuanse między odłączonymi elementami a wyciekami DOM.
Zwykle Microsoft tworzy węzły DOM w JavaScript, aby wstawić je gdzieś na stronie, aby je wyświetlić.
Jednak możliwe jest również tworzenie węzłów i nigdy ich nie dołączanie ani usuwanie węzłów ze strony i przechowywanie do nich odwołań w JavaScript.
Jeśli chcesz, możesz przetestować możliwości nowego narzędzia za pomocą aplikacji demonstracyjnej na GitHubie. Pozwoli Ci to zasymulować wycieki pamięci i zobaczyć, gdzie przydatne jest narzędzie Odłączane elementy.
Należy pamiętać, że Microsoft zachęca osoby zainteresowane jego nowym dziełem do przetestowania narzędzia w rzeczywistych scenariuszach w celu wykrycia potencjalnych problemów.
A jeśli chcesz również przekazać bardzo potrzebne informacje zwrotne, możesz to zrobić za pomocą przycisku opinii DevTools lub, alternatywnie, rzucając tweety na Konto Edge DevTools na Twitterze.
Podekscytowany tym nowym zestawem narzędzi? Podziel się z nami swoimi przemyśleniami w sekcji komentarzy poniżej.