Вийшла нова утиліта Microsoft Edge DevTools для налагодження витоку пам’яті

витік пам’яті інструментів edge dev

Ми всі майже знаємо, що таке витік пам’яті, і той факт, що вони псують продуктивність і їх важко виправити.

Вони можуть виникати, коли код JavaScript програми зберігає в пам’яті все більше і більше об’єктів, які йому більше не потрібні, замість того, щоб випустити їх для браузера для збору сміття (GC).

У випадку довготривалих програм невеликі витоки пам’яті лише в кілька кілобайт можуть з часом помітно погіршити продуктивність.

Нещодавно технічна компанія з Редмонда випустила новий інструмент Detached Elements для виявлення проблем і зупинки витоків.

Налагодження витоку пам’яті ніколи не було таким простим

Microsoft пояснив як працює інструмент «Відокремлені елементи» та надав належний опис для всіх, хто цікавиться цією темою.

За словами технічного гіганта, цей новий інструмент допоможе вам розслідувати та усунути витоки пам’яті DOM, і він натхненний відділом Microsoft Teams.

Перш ніж випробувати цей новий інструмент на власному веб-вмісті, важливо зрозуміти деякі нюанси між відокремленими елементами та витоками DOM.

Зазвичай Microsoft створює вузли DOM у JavaScript, щоб вставити їх кудись на сторінці для їх відображення.

Однак також можна створювати вузли і ніколи не приєднувати їх або видаляти вузли зі сторінки та зберігати посилання на них у JavaScript.

Меню «Інші інструменти» в Edge DevTools з виділеним пунктом «Відокремлені елементи».

Якщо хочете, ви можете перевірити можливості нового інструменту за допомогою демонстраційної програми на GitHub. Це дозволить вам імітувати витік пам’яті та побачити, де стане у нагоді утиліта Detachable Elements.

Майте на увазі, що Microsoft закликає тих, хто зацікавлений у його новому створенні, випробувати інструмент у реальних сценаріях, щоб виявити будь-які потенційні проблеми.

І якщо ви також хочете надати дуже потрібний відгук, ви можете зробити це за допомогою кнопки зворотного зв’язку DevTools або, як альтернатива, кидаючи твіти на Обліковий запис у Twitter Edge DevTools.

Ви в захваті від цього нового набору інструментів? Поділіться своїми думками з нами в розділі коментарів нижче.

Пояснення помилок сценарію: що це таке та як їх виправити

Пояснення помилок сценарію: що це таке та як їх виправитиJavascript

Перевірте орфографічні помилки перед запуском сценаріюПомилки сценарію – це повідомлення, які з’являються, коли виникає проблема з кодом на вашому веб-сайті.Ці помилки можуть бути неприємними для р...

Читати далі
Uncaught TypeError: $ is not a Function [Error Fix]

Uncaught TypeError: $ is not a Function [Error Fix]Javascript

Дотримуйтеся простих налаштувань, щоб усунути цю помилку нижчеПомилка Uncaught TypeError: $ is not a function виникає, коли користувач намагається використати знак долара $ як функцію в JavaScript,...

Читати далі
Фатальна помилка JavaScript Invalid Size 169220804: як її виправити

Фатальна помилка JavaScript Invalid Size 169220804: як її виправитиJavascript

Ця помилка зазвичай з'являється лише на етапі розробкиФатальна помилка недійсного розміру JavaScript зазвичай виникає через проблеми з вашим кодом.Можливо, вам доведеться встановити певні модулі як...

Читати далі