Dale St. Marthe
Het paneel Geheugen biedt diagnostische hulpmiddelen waarmee u de geheugenverdeling van JavaScript-objecten kunt bekijken, geheugenlekken kunt ontdekken en isoleren, een overzicht kunt krijgen van de geheugentoewijzing per functie, en meer.
Overzicht
Met het paneel Geheugen kunt u vier profieltypen vastleggen. Deze profieltypen tonen u momentopnamen vanuit verschillende perspectieven en bieden variërende bruikbaarheid:
- Heap-snapshot : toont de geheugenverdeling tussen de Javascript-objecten van uw pagina en gerelateerde DOM-knooppunten.
- Toewijzingsinstrumentatie op tijdlijn : toont geïnstrumenteerde JavaScript-geheugentoewijzingen in de loop van de tijd. Nadat een profiel is opgenomen, kunt u een tijdsinterval selecteren om objecten te zien die eraan zijn toegewezen en die aan het einde van de opname nog steeds live zijn. Gebruik dit profieltype om geheugenlekken te isoleren.
- Allocatiebemonstering : registreert geheugentoewijzingen met behulp van de bemonsteringsmethode. Dit profieltype heeft minimale prestatieoverhead en kan worden gebruikt voor langlopende bewerkingen. Het biedt goede benaderingen van toewijzingen, opgesplitst per JavaScript-uitvoeringsstack.
- Losgemaakte elementen : toont objecten die worden vastgehouden door een JavaScript-referentie.
U kunt een JavaScript VM-instantie selecteren waarop u elk van deze profielen wilt uitvoeren.
Voor meer informatie, zie:
Open het paneel Geheugen
Om het Geheugenpaneel te openen:
- Open DevTools .
- Open het Commandomenu door op te drukken:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P
- Begin met het typen van
memory, selecteer Geheugen weergeven en druk op Enter . DevTools geeft het paneel Geheugen bovenaan uw DevTools-venster weer.
U kunt het paneel Geheugen ook op de volgende manieren openen:
- Klik in de actiebalk bovenaan op Meer panelen en selecteer Geheugen in de vervolgkeuzelijst.
- Selecteer in de rechterbovenhoek Meer opties > Meer tools > Geheugen .