Het paneel Geheugen biedt diagnostische hulpmiddelen waarmee u de geheugendistributie van JavaScript-objecten kunt zien, geheugenlekken kunt ontdekken en isoleren, een overzicht kunt krijgen van de geheugentoewijzing per functie, en meer.
Overzicht
In het paneel Geheugen kunt u drie profieltypen vastleggen. Deze profieltypen tonen u momentopnamen vanuit verschillende perspectieven en bieden variërende bruikbaarheid:
- Heap-momentopname . Heap-snapshots tonen de geheugenverdeling tussen de Javascript-objecten van uw pagina en gerelateerde DOM-knooppunten.
- Toewijzingsinstrumentatie op tijdlijn . Toewijzingstijdlijnen tonen 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.
- Toewijzing bemonstering . 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.
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 double_arrow Meer panelen en selecteer Geheugen in de vervolgkeuzelijst.
- Selecteer in de rechterbovenhoek more_vert Meer opties > Meer tools > Geheugen .