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
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 posterioresPermite que la extensión implemente la funcionalidad de reproducción personalizada.
La función
replay
se ve de la siguiente manera:(recording: object) => {...}
-
grabación
objeto
Un registro de la interacción del usuario con la página. Debería coincidir con el esquema de grabación de Puppeteer.
-
-
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) => {...}
-
grabación
objeto
Un registro de la interacción del usuario con la página. Debería coincidir con el esquema de grabación de Puppeteer.
-
-
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) => {...}
-
paso
objeto
Un paso de registro de una interacción del usuario con la página. Debería coincidir con el esquema de pasos de Puppeteer.
-
RecorderView
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.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
-
plugin
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.