chrome.devtools.performance

Descripción

Usa la API de chrome.devtools.recorder para personalizar el panel de la grabadora en Herramientas para desarrolladores.

Consulta el resumen de las APIs de Herramientas para desarrolladores para ver una introducción general al uso de las APIs de las Herramientas para desarrolladores.

Disponibilidad

Chrome 105 y versiones posteriores

Conceptos y uso

La API de chrome.devtools.performance permite a los desarrolladores interactuar con las funciones de grabación del panel Performance panel en las Herramientas para desarrolladores de Chrome. Puedes usar esta API para recibir notificaciones cuando se inicie o se detenga la grabación.

Hay dos eventos disponibles:

  • onProfilingStarted: Este evento se activa cuando el panel Rendimiento comienza a registrar datos de rendimiento.
  • onProfilingStopped: Este evento se activa cuando el panel Rendimiento deja de registrar datos de rendimiento. que asocia el seguimiento de pila actual con la cre Ninguno de los dos eventos tiene ningún parámetro asociado.

Al escuchar estos eventos, los desarrolladores pueden crear extensiones que reaccionan al estado de registro en el panel Rendimiento, lo que proporciona automatización adicional durante la generación de perfiles de rendimiento.

Ejemplos

Así es como puedes usar la API para escuchar actualizaciones de estado de las grabaciones.


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

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

Tipos

RecorderExtensionPlugin

Es una interfaz de complemento que el panel de la grabadora invoca para personalizarlo.

Propiedades

  • volver a reproducir

    void

    Chrome 112 y versiones posteriores

    Permite que la extensión implemente la funcionalidad de reproducción personalizada.

    La función replay se ve de la siguiente manera: 

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

  • stringify

    void

    Convierte una grabación del formato del panel de Grabadora en una cadena.

    La función stringify se ve de la siguiente manera: 

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

  • stringifyStep

    void

    Convierte un paso de la grabación del formato del panel de Grabadora en una cadena.

    La función stringifyStep se ve de la siguiente manera: 

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

RecorderView

Chrome 112 y versiones posteriores

Representa una vista creada por una extensión para incorporarse en el panel de Grabadora.

Propiedades

  • onHidden

    Evento<functionvoidvoid>

    Se activa cuando la vista está oculta.

    La función onHidden.addListener se ve de la siguiente manera: 

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

    • callback

      función

      El parámetro callback se ve de la siguiente manera: 

      () => void

  • onShown

    Evento<functionvoidvoid>

    Se activa cuando se muestra la vista.

    La función onShown.addListener se ve de la siguiente manera: 

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

    • callback

      función

      El parámetro callback se ve de la siguiente manera: 

      () => void

  • mostrar

    void

    Indica que la extensión desea mostrar esta vista en el panel de Grabadora.

    La función show se ve de la siguiente manera: 

    () => {...}

Métodos

createView()

Chrome 112 y versiones posteriores 
chrome.devtools.recorder.createView(
  title: string,
  pagePath: string,
)

Crea una vista que puede controlar la repetición. Esta vista se incorporará en el panel de la grabadora.

Parámetros

  • título

    string

    Es el título que se muestra junto al ícono de la extensión en la barra de herramientas de las Herramientas para desarrolladores.

  • pagePath

    string

    Es la ruta de acceso de la página HTML del panel en relación con el directorio de la extensión.

Muestra

registerRecorderExtensionPlugin()

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

Registra un complemento de extensión de Grabadora.

Parámetros

  • Una instancia que implementa la interfaz de RecorderExtensionPlugin.

  • nombre

    string

    Es el nombre del complemento.

  • mediaType

    string

    Es el tipo de medio del contenido de cadenas que produce el complemento.