¿Existe algún truco para lograr que el depurador Devtools (herramientas de desarrollo) de Firefox pausa JavaScript usando el teclado?

Question

Cuando el panel Depurador de Firefox Devtools (herramientas de desarrollo) está abierto, se supone que debes poder presionar la F8tecla del teclado para pausar JavaScript.

Encuentro que esto rara vez funciona en sitios web complicados (funciona bien en sitios web simples como Stack Exchange y StackOverflow). Por lo general, la única forma en que puedo hacer que Firefox se detenga es usar el dispositivo señalador (bola de seguimiento, mouse, etc.) para hacer clic en el pausebotón en la GUI de Firefox Devtools. El problema con esto es que requiere quitar el cursor de la ventana gráfica del navegador web, lo que hace que los elementos HTML pierdan el foco.

¿Existe algún truco/secreto para hacer que el depurador de Firefox Devtools se detenga usando el teclado?

Answer 1

Como el comentario de @andrybak realmente me ayudó a hacer esto, lo agregaré como respuesta completa.

1. Abra su sitio y vaya a la página/situación donde desea inspeccionar la información sobre herramientas u otro evento dependiente del mouse.
2. En Firefox, abra las Herramientas de desarrollo y vaya a la pestaña Depurador. (llamado Fuentes en Chrome) Ahora navega
3. Abra 'Puntos de interrupción del detector de eventos'
4. Filtrar por 'mouse' (como se muestra a continuación)
5. Seleccione 'hacer clic' o, si eso se activa con demasiada frecuencia, 'dblclick' para hacer doble clic.
6. Vaya a su sitio y active el evento (pase el cursor sobre su elemento con información sobre herramientas).
7. Ahora el depurador se interrumpirá y podrá inspeccionar su sitio.