Dale St. Marthe
Das Steuerfeld Arbeitsspeicher enthält Diagnosetools, mit denen Sie unter anderem die Arbeitsspeicherverteilung von JavaScript-Objekten sehen, Speicherlecks erkennen und isolieren sowie eine Aufschlüsselung der Arbeitsspeicherzuweisung nach Funktion abrufen können.
Überblick
Im Bereich Arbeitsspeicher können Sie drei Profiltypen erfassen. Diese Profiltypen zeigen Momentaufnahmen aus verschiedenen Perspektiven und bieten einen unterschiedlichen Nutzen:
- Heap-Snapshot: Heap-Snapshots zeigen die Arbeitsspeicherverteilung für die JavaScript-Objekte und die zugehörigen DOM-Knoten Ihrer Seite.
- Instrumentierung der Zuweisung auf der Zeitachse: Zuweisungs-Zeitachsen zeigen instrumentierte JavaScript-Arbeitsspeicherzuweisungen im Zeitverlauf. Nachdem ein Profil aufgezeichnet wurde, können Sie ein Zeitintervall auswählen, um die darin zugewiesenen Objekte zu sehen, die bis zum Ende der Aufzeichnung noch aktiv sind. Mit diesem Profiltyp können Sie Speicherlecks isolieren.
- Stichproben zur Zuweisung: Zeichnet Speicherzuweisungen mithilfe der Stichprobenmethode auf. Dieser Profiltyp hat einen minimalen Leistungsaufwand und kann für Vorgänge mit langer Ausführungszeit verwendet werden. Sie liefert gute Näherungswerte für Zuweisungen, die nach JavaScript-Ausführungsstack aufgeschlüsselt sind.
Sie können eine JavaScript-VM-Instanz auswählen, auf der jedes dieser Profile ausgeführt werden soll.
Weitere Informationen erhalten Sie unter:
Bereich „Memory“ öffnen
So öffnen Sie den Bereich Arbeitsspeicher:
- Öffnen Sie die Entwicklertools.
- Öffnen Sie das Befehlsmenü durch Drücken von:
- macOS: Befehlstaste + Umschalttaste + P
- Windows, Linux, ChromeOS: Strg + Umschalttaste + P
- Beginnen Sie mit der Eingabe von
memory, wählen Sie Erinnerung anzeigen aus und drücken Sie die Eingabetaste. In den Entwicklertools wird oben im Fenster „Entwicklertools“ der Bereich Arbeitsspeicher angezeigt.
Alternativ können Sie das Steuerfeld Arbeitsspeicher so öffnen:
- Klicken Sie oben in der Aktionsleiste auf double_arrow Weitere Bereiche und wählen Sie aus der Drop-down-Liste Arbeitsspeicher aus.
- Wählen Sie rechts oben more_vert Weitere Optionen > Weitere Tools > Arbeitsspeicher aus.