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ść
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 nowszejZezwala rozszerzeniu na implementowanie funkcji niestandardowego ponownego odtwarzania.
Funkcja
replay
wygląda tak:(recording: object) => {...}
-
nagrywanie
Obiekt
Nagranie interakcji użytkownika ze stroną. Powinien być zgodny ze schematem rejestrowania Puppeteer.
-
-
stringify
nieważne
Konwertuje nagranie z formatu panelu Dyktafon na ciąg znaków.
Funkcja
stringify
wygląda tak:(recording: object) => {...}
-
nagrywanie
Obiekt
Nagranie interakcji użytkownika ze stroną. Powinien być zgodny ze schematem rejestrowania Puppeteer.
-
-
stringifyStep
nieważne
Konwertuje krok nagrania z formatu panelu Dyktafon na ciąg znaków.
Funkcja
stringifyStep
wygląda tak:(step: object) => {...}
-
kroku
Obiekt
Etap rejestracji interakcji użytkownika ze stroną. Powinien pasować do schematu kroków Puppeteer.
-
RecorderView
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.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
-
wtyczka
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ę.