chrome.devtools.performance

Opis

Za pomocą interfejsu API chrome.devtools.recorder możesz dostosować panel Dyktafon w Narzędziach deweloperskich.

Zapoznaj się z podsumowaniem interfejsów API Narzędzi deweloperskich, aby uzyskać ogólne wprowadzenie do korzystania z interfejsów API narzędzi dla programistów.

Dostępność

Chrome w wersji 105 lub nowszej

Pojęcia i wykorzystanie

Interfejs chrome.devtools.performance API umożliwia programistom interakcję z funkcjami nagrywania w panelu Wydajność w Narzędziach deweloperskich w Chrome. Za pomocą tego interfejsu API możesz otrzymywać powiadomienia o rozpoczęciu i zatrzymaniu nagrywania.

Dostępne są 2 wydarzenia:

  • onProfilingStarted: to zdarzenie jest wywoływane, gdy panel Skuteczność zaczyna rejestrować dane o skuteczności.
  • onProfilingStopped: to zdarzenie jest wywoływane, gdy panel Skuteczność przestaje rejestrować dane o skuteczności. pozycja wiążąca bieżący zrzut stosu z cre Z obydwoma zdarzeniami nie są powiązane żadne powiązane parametry.

Nasłuchiwanie tych zdarzeń pozwala deweloperom tworzyć rozszerzenia, które reagują na stan rejestrowania w panelu Skuteczność, co zapewnia dodatkową automatyzację podczas profilowania wyników.

Przykłady

W ten sposób możesz używać interfejsu API do nasłuchiwania aktualizacji stanu nagrywania


chrome.devtools.performance.onProfilingStarted.addListener(() => {
  // Profiling started listener implementation
});

chrome.devtools.performance.onProfilingStopped.addListener(() => {
  // Profiling stopped listener implementation
})

Typy

RecorderExtensionPlugin

Interfejs wtyczki, który wywołuje panel Dyktafonu w celu dostosowania panelu Dyktafonu.

Właściwości

  • odtwórz ponownie

    nieważne

    Chrome w wersji 112 lub nowszej

    Zezwala rozszerzeniu na implementowanie funkcji niestandardowego ponownego odtwarzania.

    Funkcja replay wygląda tak: 

    (recording: object) => {...}

  • stringify

    nieważne

    Konwertuje nagranie z formatu panelu Dyktafon na ciąg znaków.

    Funkcja stringify wygląda tak: 

    (recording: object) => {...}

  • stringifyStep

    nieważne

    Konwertuje krok nagrania z formatu panelu Dyktafon na ciąg znaków.

    Funkcja stringifyStep wygląda tak: 

    (step: object) => {...}

RecorderView

Chrome w wersji 112 lub nowszej

Reprezentuje widok utworzony przez rozszerzenie do umieszczenia w panelu Dyktafonu.

Właściwości

  • onHidden

    Zdarzenie<functionvoid>

    Uruchamiane, gdy widok jest ukryty.

    Funkcja onHidden.addListener wygląda tak: 

    (callback: function) => {...}

    • wywołanie zwrotne

      funkcja

      Parametr callback wygląda tak: 

      () => void

  • onShown

    Zdarzenie<functionvoid>

    Uruchamiane po wyświetleniu widoku.

    Funkcja onShown.addListener wygląda tak: 

    (callback: function) => {...}

    • wywołanie zwrotne

      funkcja

      Parametr callback wygląda tak: 

      () => void

  • pokaż

    nieważne

    Wskazuje, że rozszerzenie chce wyświetlić ten widok w panelu Dyktafon.

    Funkcja show wygląda tak: 

    () => {...}

Metody

createView()

Chrome w wersji 112 lub nowszej 
chrome.devtools.recorder.createView(
  title: string,
  pagePath: string,
)

Tworzy widok, który może obsługiwać ponowne odtwarzanie. Ten widok zostanie umieszczony w panelu Dyktafonu.

Parametry

  • tytuł

    ciąg znaków

    Tytuł wyświetlany obok ikony rozszerzenia na pasku narzędzi Narzędzi dla programistów.

  • pagePath

    ciąg znaków

    Ścieżka strony HTML panelu względem katalogu rozszerzenia.

Zwroty

registerRecorderExtensionPlugin()

chrome.devtools.recorder.registerRecorderExtensionPlugin(
  plugin: RecorderExtensionPlugin,
  name: string,
  mediaType: string,
)

Rejestruje wtyczkę rozszerzenia Dyktafon.

Parametry

  • Instancja z implementacją interfejsu RecorderExtensionPlugin.

  • nazwa

    ciąg znaków

    Nazwa wtyczki.

  • mediaType

    ciąg znaków

    Typ nośnika treści ciągu tekstowego generowanego przez wtyczkę.