使用F12定位下拉框中的元素
使用F12定位下拉框中的元素
1、有一類元素不是直接顯示的頁面上的,而是需要點擊某些其他元素后才會顯示在頁面上,比如這里的下拉框。
2、這類元素會有一個特點:鼠標如果移開(沒在元素上),這些元素就會消失:在頁面上一閃而過。因此在使用F12查找這類元素時,會非常困難。注意:雖然說可以手動在HTML中查找,但是這樣會很麻煩。
3、Chrome其實就有一個功能我們可以用用:在F12開發者工具中,Sources選項中有一個暫停按鈕。
4、實例:
①F12進入開發者頁面,并切換到Sources分頁。
②點擊下拉框按鈕:使其彈出下拉框元素,然后在雙擊快捷鍵F8暫停頁面;或者直接點擊下圖中的【暫停】按鈕以暫停暫停頁面。【還有一種方法是在Console分頁中執行JavaScript語句同樣可以達到暫停頁面的效果】
③暫停頁面后再通過元素選擇按鈕來選擇我們想要的元素(此時會自動跳轉到elements分頁) ;這樣就能很方便的找到我們想要的元素的信息。