Overzicht geheugenpaneel

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:

  1. Open DevTools .
  2. Open het Commandomenu door op te drukken:
    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P Commandomenu met
  3. 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 .