Вийшла нова утиліта 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.

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

5 простих порад щодо налаштування спливаючих повідомлень веб-переглядача

5 простих порад щодо налаштування спливаючих повідомлень веб-переглядачаJavascript

Javascript — це мова програмування, яка диктує функцію спливаючого сповіщення браузера.Спливаючі вікна попереджень веб-переглядача – це сповіщення у веб-переглядачі, які передають повідомлення кори...

Читати далі
5 найкращих браузерів, які підтримують jQuery [Різні версії]

5 найкращих браузерів, які підтримують jQuery [Різні версії]JavascriptБраузерикрос платформа

Поглиблено зануртеся в цей список, створений експертамиjQuery — це швидка, портативна та багатофункціональна бібліотека JavaScript із простим у використанні API, що робить такі процеси, як обхід HT...

Читати далі
Помилка пам’яті JavaScript Heap of Memory: причини та способи усунення

Помилка пам’яті JavaScript Heap of Memory: причини та способи усуненняJavascript

Причиною цієї помилки може бути недостатньо виділеного місцяПричиною цього може бути недійсний розмір таблиці сторінок або проблеми зі стеком викликів функцій.У цьому посібнику обговорюватимуться к...

Читати далі