有沒有辦法讓 Firefox 的 Devtools(開發者工具)偵錯器使用鍵盤暫停 JavaScript?

有沒有辦法讓 Firefox 的 Devtools(開發者工具)偵錯器使用鍵盤暫停 JavaScript?

當 Firefox Devtools(開發人員工具)偵錯器窗格開啟時,您應該能夠按F8鍵盤鍵來暫停 JavaScript。

我發現這很少適用於複雜的網站(它適用於 Stack Exchange 和 StackOverflow 等簡單網站)。通常,讓 Firefox 暫停的唯一方法是使用指點裝置(軌跡球、滑鼠等)點擊pauseFirefox Devtools GUI 中的按鈕。這樣做的問題是,它需要將遊標從 Web 瀏覽器視窗中移除,這會導致 HTML 元素失去焦點。

是否有讓 Firefox Devtools 調試器暫停使用鍵盤的技巧/秘密?

答案1

由於 @andrybak 的評論確實幫助我做到了這一點,我將其添加為完整答案。

  1. 打開您的網站並前往您想要檢查工具提示或其他滑鼠相關事件的頁面/情況。
  2. 在 Firefox 中,開啟開發人員工具並前往「偵錯器」標籤。 (在 Chrome 中稱為“來源”)現在導航
  3. 開啟“事件偵聽器斷點”
  4. 按下“滑鼠”過濾(如下圖)
  5. 選擇“click”,或者如果觸發過於頻繁,則選擇“dblclick”以表示雙擊。
  6. 轉到您的網站並觸發事件(將滑鼠懸停在帶有工具提示的元素上)。
  7. 現在偵錯器將中斷,您可以檢查您的網站。

在此輸入影像描述

相關內容