Dale St. Marthe
Il riquadro Memoria fornisce strumenti di diagnostica che consentono di vedere la distribuzione della memoria degli oggetti JavaScript, scoprire e isolare le perdite di memoria, ottenere un'analisi dell'allocazione della memoria per funzione e altro ancora.
Panoramica
Il riquadro Memoria ti consente di acquisire tre tipi di profilo. Questi tipi di profilo mostrano istantanee da diverse prospettive e offrono varie utilità:
- Istantanea dell'heap: Gli snapshot heap mostrano la distribuzione della memoria tra gli oggetti JavaScript della pagina e i nodi DOM correlati.
- Strumentazione di allocazione sulla sequenza temporale. Le tempistiche di allocazione mostrano le allocazioni della memoria JavaScript con strumenti nel tempo. Una volta registrato un profilo, puoi selezionare un intervallo di tempo per visualizzare gli oggetti assegnati al suo interno e ancora attivi entro la fine della registrazione. Utilizza questo tipo di profilo per isolare le perdite di memoria.
- Campionamento di allocazione. Registra le allocazioni della memoria utilizzando il metodo di campionamento. Questo tipo di profilo ha un overhead di prestazioni minimo e può essere utilizzato per operazioni a lunga esecuzione. Fornisce buone approssimazioni delle allocazioni suddivise per stack di esecuzione JavaScript.
Puoi selezionare un'istanza VM JavaScript su cui eseguire ciascuno di questi profili.
Per scoprire di più, vedi:
Apri il riquadro Memoria
Per aprire il riquadro Memoria:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
- Inizia a digitare
memory, seleziona Mostra memoria e premi Invio. DevTools mostra il riquadro Memoria nella parte superiore della finestra di DevTools.
In alternativa, puoi aprire il riquadro Memoria nei seguenti modi:
- Nella barra delle azioni in alto, fai clic su double_arrow Altri riquadri e seleziona Memoria dall'elenco a discesa.
- Nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Memoria.