2016-01-20 46 views
3

我有城市名稱爲自動完成下拉框, enter image description here不能夠檢查/調試自動完成選項元素

當我嘗試使用鼠標右鍵,並Inspect Element檢查選項元素之一,在下拉菜單中消失, inspect element帶我到原來的頁面的dom。

如何檢查下拉菜單使用螢火蟲inspect element

+0

可能的重複[什麼技巧檢查彈出/下拉菜單樣式與Firebug?](http://stackoverflow.com/questions/6462016/whats-the-trick-to-inspect-popout-dropdown-menu-風格與螢火蟲) –

回答

0

無法用於Firefox,但在Chrome開發人員工具中,您可以通過右鍵單擊開發人員窗口中的元素並選擇適當的項目(即':hover')手動在元素上觸發狀態。

+0

自動完成永遠不會等待懸停。和PS:OP不是要求那個! –

10

隨着建議下拉菜單可見並且DevTools打開,請按F8並切換到DevTools。您將立即在JS模糊處理程序中爲該字段分解,因此不會刪除下拉列表,因此您可以檢查其DOM。

5

Edit HTML right click menu Chrome Dev Tool

在Chrome瀏覽器開發工具,你可以右鍵點擊輸入你在那裏輸入ADRESS,向下滾動到「打破......」,然後選擇子樹的修改。

回到您的輸入並開始輸入。它應該暫停應用程序離開你與開放的建議下拉列表。

+0

優秀的建議! – sivann