Omówienie panelu pamięci

Dale St. Marthe
Dale St. Marthe

Panel Pamięć zawiera narzędzia diagnostyczne, które umożliwiają wyświetlanie rozkładu pamięci obiektów JavaScript, wykrywanie i wyodrębnianie wycieków pamięci oraz analizowanie alokacji pamięci według funkcji.

Omówienie

Panel Pamięć umożliwia rejestrowanie 4 typów profili. Te typy profili pokazują Ci migawki z różnych perspektyw i o różnym przeznaczeniu:

  • Obraz sterty: pokazuje rozkład pamięci między obiekty JavaScript Twojej strony i powiązane węzły DOM.
  • Instrumentacja alokacji na osi czasu: pokazuje zmiany alokacji pamięci z wykorzystaniem kodu JavaScript w czasie. Po zarejestrowaniu profilu możesz wybrać interwał czasu, aby zobaczyć obiekty, które były alokowane wewnątrz i nadal aktywne w momencie zakończenia rejestrowania. Używaj tego typu profilu do izolowania wycieków pamięci.
  • Próbkowanie alokacji: rejestruje alokacje pamięci za pomocą metody próbkowania. Ten typ profilu ma minimalny narzut i można go używać w długo trwających operacjach. Stanowi dobre przybliżenie alokacji w podziale na stosy wykonawcze JavaScriptu.
  • Odłączone elementy: zawiera obiekty, które są przechowywane przez odwołanie JavaScript.

Możesz wybrać wystąpienie maszyny wirtualnej JavaScript, na którym będą działać te profile.

Więcej informacji znajdziesz w tych artykułach:

Otwórz panel Pamięć.

Aby otworzyć panel Pamięć:

  1. Otwórz Narzędzia deweloperskie.
  2. Otwórz menu Polecenia, naciskając:
    • macOS: Command + Shift + P.
    • Windows, Linux i ChromeOS: Control + Shift + P Menu poleceń z
  3. Zacznij pisać memory, wybierz Pokaż pamięć i naciśnij Enter. Narzędzia dla deweloperów wyświetlają panel Pamięć u góry okna.

Panel Pamięć możesz też otworzyć w jeden z tych sposobów:

  • Na pasku czynności u góry kliknij Więcej paneli i na liście kliknij Pamięć.
  • W prawym górnym rogu kliknij Więcej opcji > Więcej narzędzi > Pamięć.