如何檢查瀏覽器調試擴展中的動態內容？

我有彈出窗口，當鼠標懸停在某個對象上時出現在我的網站上。一旦發生這種情況，我可以按（在Chrome中）Ctrl-Shift-C並激活元素選擇模式並選擇彈出窗口內的任何元素。但是一旦我做出選擇，網頁就會正常流動，彈出窗口會立即消失，因爲鼠標不再處於正確的位置。如何檢查瀏覽器調試擴展中的動態內容？

是否有可能以某種方式克服這種情況？例如，選擇元素，但不終止選擇模式？

2017-05-25 Dims

我通常設置在devtools鼠標事件斷點 - >來源 - >事件監聽器斷點 - >鼠標。它暫停js引擎，以便元素保持到我恢復執行。 – wOxxOm

Chrome和Firefox都有能力在各自的DevTools中設置和保持僞類，如懸停，活動和焦點。這允許您使用頁面，就好像鼠標正在與您更改僞類的元素進行交互一樣。

以下內容顯示了在SO頂級導航欄中的文檔鏈接上切換懸浮僞類。

下面是它看起來像在Chrome：

下面是它看起來像在Firefox：

2017-06-05 00:11:58 Makyen

回答