Вышла новая утилита Microsoft Edge DevTools для устранения утечек памяти

Edge Dev tools утечка памяти

Мы все уже в значительной степени знаем, что такое утечка памяти, и тот факт, что она влияет на производительность и может быть сложно исправить.

Они могут возникать, когда код JavaScript приложения сохраняет в памяти все больше и больше объектов, которые ему больше не нужны, вместо того, чтобы отправлять их браузеру для сборки мусора (GC).

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

Недавно технологическая компания из Редмонда создала новый инструмент «Отдельные элементы» для выявления проблем и предотвращения утечек.

Отладка утечки памяти еще никогда не была такой простой

Microsoft объяснил как работает инструмент "Отдельные элементы", и дал соответствующее краткое изложение для всех, кто интересуется этой темой.

По сути, этот новый инструмент поможет вам исследовать и устранить утечки памяти DOM, и, по словам технического гиганта, он вдохновлен отделом Microsoft Teams.

Прежде чем опробовать этот новый инструмент на собственном веб-контенте, важно понять некоторые нюансы между отсоединенными элементами и утечками DOM.

Обычно Microsoft создает узлы DOM в JavaScript, чтобы вставить их где-нибудь на странице и отобразить.

Однако также можно создавать узлы и никогда не присоединять их, не удалять узлы со страницы и сохранять ссылки на них в JavaScript.

Меню «Дополнительные инструменты» в Edge DevTools с выделенным элементом «Отдельные элементы»

При желании вы можете проверить возможности нового инструмента в демонстрационном приложении. на GitHub. Это позволит вам смоделировать утечки памяти и увидеть, где может пригодиться утилита Detachable Elements.

Имейте в виду, что Microsoft призывает всех, кто интересуется ее новым творением, протестировать инструмент в реальных сценариях, чтобы обнаружить любые потенциальные проблемы.

И если вы также хотите предоставить столь необходимую обратную связь, вы можете сделать это с помощью кнопки обратной связи DevTools или, альтернативно, отправив твиты на Аккаунт Edge DevTools в Twitter.

В восторге от этого нового набора инструментов? Поделитесь с нами своими мыслями в разделе комментариев ниже.

5 простых советов по настройке всплывающих окон браузера

5 простых советов по настройке всплывающих окон браузераJavascript

Javascript — это язык программирования, который диктует функцию всплывающих окон браузера.Всплывающие окна предупреждений браузера — это уведомления в браузере, которые передают сообщения пользоват...

Читать далее
5 лучших браузеров, поддерживающих jQuery [разные версии]

5 лучших браузеров, поддерживающих jQuery [разные версии]JavascriptБраузерыКроссплатформенность

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

Читать далее
Ошибка JavaScript Heap Out of Memory: причины и способы устранения

Ошибка JavaScript Heap Out of Memory: причины и способы устраненияJavascript

Причиной этой ошибки может быть недостаточное выделенное пространствоПричиной этого может быть неверный размер таблицы страниц или проблемы со стеком вызовов функций.В этом руководстве обсуждаются ...

Читать далее