Um novo utilitário Microsoft Edge DevTools para depuração de vazamento de memória foi lançado

vazamento de memória de ferramentas de desenvolvimento de borda

Todos nós sabemos muito bem o que é um vazamento de memória agora, e o fato de que eles atrapalham o desempenho e podem ser difíceis de consertar.

Eles podem ocorrer quando o código JavaScript de um aplicativo retém mais e mais objetos na memória que não precisa mais, em vez de liberá-los para o navegador para coleta de lixo (GC).

No caso de aplicativos de longa duração, pequenos vazamentos de memória de apenas alguns kilobytes podem degradar visivelmente o desempenho ao longo do tempo.

Recentemente, a empresa de tecnologia baseada em Redmond fez uma nova ferramenta Detached Elements para identificar problemas e ajudar a impedir vazamentos.

A depuração de vazamento de memória nunca foi tão fácil

Microsoft explicado como funciona a ferramenta Detached Elements e deu um resumo adequado para todos os interessados ​​no assunto.

Basicamente, esta nova ferramenta irá ajudá-lo a investigar e resolver vazamentos de memória DOM e é inspirada no departamento Microsoft Teams, de acordo com a gigante da tecnologia.

Antes de experimentar esta nova ferramenta em seu próprio conteúdo da web, é importante entender algumas das nuances entre elementos desanexados e vazamentos de DOM.

Normalmente, a Microsoft cria nós DOM em JavaScript para inseri-los em algum lugar da página para exibi-los.

No entanto, também é possível criar nós e nunca anexá-los ou remover nós da página e manter referências a eles em JavaScript.

Menu " Mais ferramentas" no Edge DevTools com o item Detached Elements destacado

Se quiser, você pode testar os recursos da nova ferramenta por meio de um aplicativo de demonstração no GitHub. Ele permitirá que você simule vazamentos de memória e veja onde o utilitário Detachable Elements pode ser útil.

Lembre-se de que a Microsoft recomenda aos interessados ​​em sua nova criação que testem a ferramenta em cenários reais para descobrir quaisquer problemas potenciais.

E se você também quiser fornecer algum feedback muito necessário, pode fazê-lo por meio do botão de feedback do DevTools ou, alternativamente, jogando tweets no Conta do Twitter do Edge DevTools.

Animado com este novo conjunto de ferramentas? Compartilhe suas idéias conosco na seção de comentários abaixo.

Erro de falta de memória de pilha de JavaScript: causas e como corrigir

Erro de falta de memória de pilha de JavaScript: causas e como corrigirJavascript

A razão por trás desse erro pode ser espaço insuficiente alocadoA razão por trás disso pode ser um tamanho de tabela de página inválido ou problemas com a pilha de chamada de função.Este guia discu...

Consulte Mais informação
Erros de script explicados: o que são e como corrigi-los

Erros de script explicados: o que são e como corrigi-losJavascript

Verifique se há erros de ortografia antes de executar seu scriptErros de script são mensagens que aparecem quando há um problema com o código do seu site.Esses erros podem ser frustrantes para os d...

Consulte Mais informação
Uncaught TypeError: $ não é uma função [Correção de erro]

Uncaught TypeError: $ não é uma função [Correção de erro]Javascript

Siga os ajustes simples para solucionar esse erro abaixoO Uncaught TypeError: $ is not a function error ocorre quando um usuário tenta usar o cifrão $ como uma função em JavaScript, mas não é recon...

Consulte Mais informação