我希望看到
:hover
我在Chrome中徘徊的錨點的
:hover
樣式。 在Firebug中，有一個樣式下拉清單，允許我為元素選擇不同的狀态。 我似乎無法在Chrome中找到類似内容。 我錯過了什麼嗎？
#1樓
我正在使用Chrome調試菜單
hover
狀态并執行此操作以檢視懸停狀态代碼：
在“
Elements
面闆中，單擊“
Toggle Element state
按鈕，然後選擇
:hover
。
在
Scripts
面闆中，轉到右下方的
Event Listeners Breakpoints
，然後選擇
Mouse -> mouseup
。
現在檢查菜單并選擇所需的框。 當您釋放滑鼠按鈕時，它應該停止并在“
Elements
面闆中顯示所選的元素懸停狀态（檢視“
Styles
部分）。
#2樓
我認為這不再是Chrome中的問題，隻是以防萬一。 當我使用TAB鍵移動時，我編寫了這個jQuery 腳本來檢查DOM。
如果更改為使用'mouseover'，則如下所示：
$("body *").on('mouseover', function(event) {
console.log(event.target);
inspect(event.target);
event.stopPropagation();
});
隻要單擊或對要停止的元素執行某些操作，就可以輕松修改它以删除事件處理程式。
#3樓
我可以按照Babiker建議的以下步驟看到這種風格 - “右鍵單擊元素，但不要将滑鼠指針移離元素，使其保持懸停狀态。通過鍵盤選擇檢查元素，如在向上箭頭和然後輸入密鑰。“
要更改樣式，請按照上述步驟操作，然後按鍵盤上的ctrl + TAB更改浏覽器頁籤。 然後單擊要調試的頁籤。 你的懸停螢幕仍然在那裡。 現在小心地将滑鼠移到開發人員工具區域。
#4樓
我想在Bootstrap工具提示上看到懸停狀态。 強制Chrome浏覽器中的：懸停狀态工具沒有建立所需的輸出，但是通過控制台觸發mouseenter事件在Chrome中起了作用。 如果頁面上存在jQuery，則可以運作：
$('.YOUR-TOOL-TIP-CLASS').trigger('mouseenter');
#5樓
我知道我所做的就是解決方法，但它完美無缺，這就是我每次都這樣做的方式。
然後，繼續這樣：
- 首先確定Chrome開發者工具已取消停靠。
- 然後，隻需将Dev Tools視窗的任何一側移動到要懸停時要檢查的元素的中間位置。
- 最後，懸停元素，右鍵單擊并檢查元素，将滑鼠移動到開發工具視窗，您就可以使用元素：hover css。
幹杯!
#6樓
如果它有幫助，這在最新的Chrome（47.0.2526.106）中似乎更容易：
檢查元素，然後單擊左側排水溝中的三個白點：
然後從此下拉清單中選擇所需的元素狀态：
#7樓
有幾種方法可以在Chrome開發者工具中檢視HOVER STATE樣式。
方法01
方法02
使用Firefox Default Developer Toll
用Firebug
#8樓
在Chrome中更改為懸停狀态非常簡單，隻需按照以下步驟操作即可：
1） 右鍵單擊頁面并選擇檢查
2）在DOM中選擇您想要檢查的元素
3）選擇圖釘圖示
（切換元素狀态）
4）然後勾選懸停
現在您可以在浏覽器中看到所選DOM的懸停狀态！
#9樓
我認為沒有辦法做到這一點。 我送出了一個功能請求 。 如果有辦法，谷歌的開發人員會勉強指出它，我會編輯我的答案。 如果沒有，我們将不得不等待觀看。 （你可以為問題加注星标投票）
Chrome項目成員的評論1 ：在10.0.620.0中，“樣式”面闆顯示所選元素的：懸停樣式，但不顯示：活動。
（截至本文）Current Stable頻道版本為8.0.552.224。
您可以使用Beta頻道或開發頻道替換Google Chrome的穩定頻道安裝（請參閱早期通路版本頻道 ）。
您還可以安裝chrome的輔助安裝，它比Dev通道更新 。
... Canary版本比Dev版本更新更頻繁，并且在釋出之前未經過測試。 由于Canary版本有時可能無法使用，是以無法将其設定為預設浏覽器，并且除了上述Google Chrome浏覽器的任何管道外，還可以安裝。 ...
#10樓
編輯：這個答案是在錯誤修複之前，請參閱tnothcutt的回答。
這有點棘手，但這裡有：
- 右鍵單擊元素，但不要将滑鼠指針移離元素，使其保持懸停狀态。
- 通過鍵盤選擇檢查元素，如按向上箭頭，然後按Enter鍵。
- 檢視比對CSS規則下的開發人員工具，您應該能夠看到：懸停。
PS：我在你的一個問題标簽上嘗試了這個。
#11樓
在我的情況下，我想dubug bootstrap工具提示。 但上述方法對我不起作用。 我想bootstrap通過滑鼠輸入/輸出事件實作了這一點。
無論如何，當我将滑鼠懸停在按鈕上時，它會在按鈕下方生成一個兄弟html元素，是以我在“開發人員工具”視窗的“元素”頁籤中選擇按鈕的父元素，将滑鼠懸停在按鈕上，然後按“Ctrl + C”，然後我可以粘貼包含生成代碼的源代碼。 最後找到生成的代碼，并通過“Elements”頁籤中的“Edit as HTML”将其添加到源代碼中。
希望它可以幫助某人。
#12樓
現在，您可以看到僞造的類規則并強制它們在元素上。
要檢視以下規則
:hover
在“樣式”窗格中，請單擊右上角的小
:hov
文本。
要強制元素進入
:hover
狀态，請右鍵單擊它。
Chrome開發者工具快捷方式中有關元素面闆的其他提示。