Gibt es einen Trick, um den Devtools-Debugger (Entwicklertools) von Firefox dazu zu bringen, JavaScript mit der Tastatur anzuhalten?

Question

Wenn der Debugger-Bereich der Firefox Devtools (Entwicklertools) geöffnet ist, sollten Sie die F8Taste auf der Tastatur drücken können, um JavaScript anzuhalten.

Ich finde, dass dies auf komplizierten Websites selten funktioniert (auf einfachen Websites wie Stack Exchange und StackOverflow funktioniert es gut). Normalerweise kann ich Firefox nur pausieren, indem ich mit dem Zeigegerät (Trackball, Maus usw.) auf die pauseSchaltfläche in der Firefox Devtools-GUI klicke. Das Problem dabei ist, dass der Cursor aus dem Ansichtsfenster des Webbrowsers entfernt werden muss, was dazu führt, dass HTML-Elemente den Fokus verlieren.

Gibt es einen Trick/ein Geheimnis, um den Firefox Devtools-Debugger mit der Tastatur anzuhalten?

Answer 1

Da mir der Kommentar von @andrybak dabei wirklich geholfen hat, werde ich ihn als vollständige Antwort hinzufügen.

1. Öffnen Sie Ihre Site und gehen Sie zu der Seite/Situation, wo Sie den Tooltip oder ein anderes mausabhängiges Ereignis überprüfen möchten.
2. Öffnen Sie in Firefox die Entwicklertools und gehen Sie zur Registerkarte Debugger. (In Chrome heißt es Sources) Navigieren Sie nun
3. Öffnen Sie „Event-Listener-Breakpoints“
4. Filtern Sie nach „Maus“ (wie unten gezeigt)
5. Wählen Sie „Klick“ oder, wenn dies zu oft ausgelöst wird, „dblclick“ für Doppelklick.
6. Gehen Sie zu Ihrer Site und lösen Sie das Ereignis aus (bewegen Sie den Mauszeiger über Ihr Element mit einem Tooltip).
7. Jetzt wird der Debugger unterbrochen und Sie können Ihre Site überprüfen.