使用chromes web inspector查看代碼非常有用。但是，您如何查看按鈕的懸停代碼？您必須將鼠標懸停在按鈕上，因此無法在檢查器中使用它（鼠標）。檢查員是否有任何捷徑或其他方法來完成這項工作？如何使用chrome web inspector查看懸停代碼

來源

2011-04-26 Bo.

Code = javascript or css？ – 2011-04-26 11:42:31

在這種情況下，CSS – 2011-04-26 11:55:25

是不是這個重複？ http://stackoverflow.com/questions/4515124/see-hover-state-in-chrome-developer-tools – Mixologic 2012-11-20 22:45:57

142

你可以看到這兩個僞類樣式規則，並強迫他們上的元素。

看到這樣的樣式:hover規則窗格中，單擊右上角的小虛線框按鈕。

要強制一個元素:hover狀態，右鍵單擊它。

或者，也可以在腳本面板使用事件監聽器斷點側邊欄窗格中，選擇在鼠標懸停處理程序暫停。

來源

2011-07-21 15:30:43

在Chrome 48（以及之前的perh）中，該虛線框已替換爲圖釘圖標，該圖標表示當您將鼠標懸停在圖標上時切換元素狀態。然後從下拉列表中選擇「懸停」。 – sameers 2016-03-14 22:27:46

我不知道我的權利明白你的問題，但如果你想看到的事件處理程序代碼，您可以只檢查元素，並期待在元素面板的事件監聽器側邊欄窗格。另一種方法是在腳本面板中按暫停按鈕，然後將鼠標懸停在元素上。調試器將在第一個事件處理程序的第一條指令處停止。

來源

2011-04-27 01:40:32 loislo

你可能只是一個更具體的關於你如何做到這一點？一個典型的例子就是我喜歡的按鈕，並且希望看到如何以與普通檢查相同的簡單方式完成懸停效果。 – 2011-04-29 10:45:51

或者，也可以在腳本面板使用事件監聽器斷點側邊欄窗格中，選擇在鼠標懸停處理程序暫停。

來源

2011-04-27 11:07:52

這是一個有點討厭，但你需要右擊元素，然後，讓你的鼠標在鏈接上，使用鍵盤選擇「檢查元素」鏈接，然後按回車。這應該向您顯示所選元素的懸停僞類的CSS。

在這裏我們希望他們做這一點更容易在將來的版本。現在

來源

2011-06-23 16:01:18 purpletonic

很高興知道，但是，如果鼠標需要停留在鏈接上，即使是在僅使用鍵盤在Inspect Element窗口中查看，也是非常令人沮喪的。真討厭！ – 2012-02-06 16:10:34

通過右鍵單擊元素> Inspect，並將指針保持在那裏，也可以實現將元素強制爲'：hover'狀態的** actual **整個過程，（如同在接受的答案中那樣）然後使用鍵盤鍵檢查僞代碼..感謝這個_working_替代....所以_not_實際上_nuisance_！：）+1 – Irfan 2016-10-19 10:17:05