Cómo personalizar la grabadora con extensiones

Sofia Emelianova
Sofia Emelianova

Puedes personalizar la Grabadora e integrarla a tu flujo de trabajo. Para ello, instala extensiones de terceros que se adapten a las herramientas que usas.

Consulta la colección de extensiones.

Instalar extensiones

Para integrar la Grabadora con tus herramientas, instala las extensiones:

  1. Elige una extensión de la colección y haz clic en ella.
  2. En Chrome Web Store, haz clic en Agregar a Chrome.
  3. Abre las Herramientas para desarrolladores en una pestaña nueva y busca nuevas opciones personalizadas en la Grabadora.

Exporta y vuelve a reproducir las extensiones.

En esta captura de pantalla, se muestran las opciones personalizadas de exportación y reproducción que proporcionan las extensiones.

Solución de problemas

Si no ves las opciones de exportación o reproducción después de instalar una extensión, comprueba o haz lo siguiente:

  • La extensión solo funciona en páginas web. Por ejemplo, la opción de exportación no está disponible para las páginas de chrome://, como chrome://extensions.
  • Siempre abre una pestaña nueva del navegador después de instalar la extensión.
  • La política del administrador. La política del administrador puede bloquear la extensión y, por lo tanto, no aparece (consulta la lista runtime_blocked_hosts en ExtensionSettings en chrome://policy/).

Problemas conocidos:

  • El error 1351416 en Chrome 104 y 105 impide que se muestre la opción de exportación si abres la Grabadora como el primer panel de Herramientas para desarrolladores. Como solución alternativa, primero abre otro panel (por ejemplo, Console) y, luego, abre la Grabadora. El problema se solucionó en Chrome 106.

Compila tu propia extensión

Para personalizar aún más la Grabadora según tus necesidades, puedes crear tu propia extensión:

  1. Consulta Personaliza y automatiza los flujos de usuarios más allá de la Grabadora de Herramientas para desarrolladores de Chrome.
  2. Explora la API de chrome.devtools.recorder.
  3. Consulta las extensiones de ejemplo.
  4. Desarrolla tu extensión y publícala en Chrome Web Store.