Dale St. Marthe
Im Bereich Arbeitsspeicher finden Sie Diagnosetools, mit denen Sie unter anderem die Speicherverteilung von JavaScript-Objekten sehen, Speicherlecks erkennen und isolieren und eine Aufschlüsselung der Arbeitsspeicherzuweisung nach Funktion erhalten können.
Überblick
Im Bereich Speicher können Sie drei Profiltypen erfassen. Diese Profiltypen zeigen Ihnen Momentaufnahmen aus verschiedenen Perspektiven und bieten unterschiedliche Nutzen:
- Heap-Snapshot Heap-Snapshots zeigen die Arbeitsspeicherverteilung auf die JavaScript-Objekte und die zugehörigen DOM-Knoten Ihrer Seite.
- Zuweisungsinstrumentierung auf der Zeitachse: Zuweisungszeitachsen zeigen die instrumentierten JavaScript-Arbeitsspeicherzuweisungen im Zeitverlauf. Sobald ein Profil aufgezeichnet wurde, können Sie ein Zeitintervall auswählen, um Objekte zu sehen, die darin zugewiesen wurden und am Ende der Aufzeichnung noch aktiv sind. Verwenden Sie diesen Profiltyp, um Speicherlecks zu isolieren.
- Stichprobenerhebung: Zeichnet Arbeitsspeicherzuweisungen mit der Stichprobenmethode auf. Dieser Profiltyp hat einen minimalen Leistungsaufwand und kann für Vorgänge mit langer Ausführungszeit verwendet werden. Sie bietet gute Approximationen für Zuweisungen, die nach JavaScript-Ausführungsstacks 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 Arbeitsspeicher anzeigen aus und drücken Sie die Eingabetaste. In DevTools wird oben im Entwicklertools-Fenster der Bereich Arbeitsspeicher angezeigt.
Alternativ können Sie den Bereich 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.