2
試圖做一些前端設計工作,我需要對我的css進行一些調試/測試。找到所有使用特定css選擇器的元素
我知道大多數瀏覽器開發工具,我可以點擊一個元素,並得到一個完整的樣式跟蹤。
但我想要做的是相反的。
我知道的選擇,我希望找到與它(簡單Ctrl + F鍵不工作)相關
我怎麼會去這一切的元素?
試圖做一些前端設計工作,我需要對我的css進行一些調試/測試。找到所有使用特定css選擇器的元素
我知道大多數瀏覽器開發工具,我可以點擊一個元素,並得到一個完整的樣式跟蹤。
但我想要做的是相反的。
我知道的選擇,我希望找到與它(簡單Ctrl + F鍵不工作)相關
我怎麼會去這一切的元素?
你一定可以在普通的Javascript控制檯上用document.querySelectorAll
來做到這一點。
所以,如果你想找到所有符合body div.heading h1
的元素,做
document.querySelectorAll('body div.heading h1');
瀏覽器控制檯將顯示它已發現的元素。當您在控制檯中將鼠標懸停在列表上時,大多數還會在頁面中突出顯示它們。