chrome.devtools.performance

Beschrijving

Gebruik de chrome.devtools.recorder API om het Recorder-paneel in DevTools aan te passen.

Zie het overzicht van DevTools API's voor een algemene inleiding tot het gebruik van Developer Tools API's.

Beschikbaarheid

Chroom 105+

Concepten en gebruik

Met de chrome.devtools.performance API kunnen ontwikkelaars communiceren met de opnamefuncties van het deelvenster Prestaties in Chrome DevTools. U kunt deze API gebruiken om meldingen te ontvangen wanneer de opname start of stopt.

Er zijn twee evenementen beschikbaar:

  • onProfilingStarted : deze gebeurtenis wordt geactiveerd wanneer het prestatiepaneel begint met het opnemen van prestatiegegevens.
  • onProfilingStopped : deze gebeurtenis wordt geactiveerd wanneer het prestatiepaneel stopt met het opnemen van prestatiegegevens. houding die de huidige stacktracering associeert met de cre. Beide gebeurtenissen hebben geen bijbehorende parameters.

Door naar deze gebeurtenissen te luisteren, kunnen ontwikkelaars extensies maken die reageren op de opnamestatus in het prestatiepaneel , wat zorgt voor extra automatisering tijdens prestatieprofilering.

Voorbeelden

Zo kunt u de API gebruiken om naar opnamestatusupdates te luisteren


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

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

Soorten

RecorderExtensionPlugin

Een plug-ininterface die het Recorder-paneel aanroept om het Recorder-paneel aan te passen.

Eigenschappen

  • herhaling

    leegte

    Chroom 112+

    Hiermee kan de extensie aangepaste herhalingsfunctionaliteit implementeren.

    De replay ziet er als volgt uit: 

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

  • stringeren

    leegte

    Converteert een opname vanuit het Recorder-paneelformaat naar een tekenreeks.

    De stringify functie ziet er als volgt uit: 

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

  • stringifyStep

    leegte

    Converteert een stap van de opname vanuit het Recorder-paneelformaat naar een tekenreeks.

    De stringifyStep functie ziet er als volgt uit: 

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

RecorderView

Chroom 112+

Vertegenwoordigt een weergave die is gecreëerd door uitbreiding en die moet worden ingebed in het Recorder-paneel.

Eigenschappen

  • opVerborgen

    Gebeurtenis<functionvoidvoid>

    Wordt geactiveerd wanneer de weergave verborgen is.

    De functie onHidden.addListener ziet er als volgt uit: 

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

    • Bel terug

      functie

      De callback parameter ziet er als volgt uit: 

      () => void

  • opGetoond

    Gebeurtenis<functionvoidvoid>

    Wordt geactiveerd wanneer de weergave wordt getoond.

    De onShown.addListener functie ziet er als volgt uit: 

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

    • Bel terug

      functie

      De callback parameter ziet er als volgt uit: 

      () => void

  • show

    leegte

    Geeft aan dat de extensie deze weergave wil weergeven in het Recorder-paneel.

    De show functie ziet er als volgt uit: 

    () => {...}

Methoden

createView()

Chroom 112+
chrome.devtools.recorder.createView(
  title: string,
  pagePath: string,
)

Creëert een weergave die de herhaling aankan. Deze weergave wordt ingebed in het Recorder-paneel.

Parameters

  • titel

    snaar

    Titel die wordt weergegeven naast het extensiepictogram op de werkbalk Ontwikkelaarstools.

  • paginaPad

    snaar

    Pad van de HTML-pagina van het paneel ten opzichte van de extensiemap.

Geeft terug

registerRecorderExtensionPlugin()

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

Registreert een Recorder-extensieplug-in.

Parameters

  • Een exemplaar dat de RecorderExtensionPlugin-interface implementeert.

  • naam

    snaar

    De naam van de plug-in.

  • mediatype

    snaar

    Het mediatype van de tekenreeksinhoud die de plug-in produceert.