Chrome開發者工具的“屬性”部分如何幫助CSS / JavaScript開發？

Question

Chrome開發者工具的“屬性”部分如何幫助CSS / JavaScript開發？

在屏幕快照中，它顯示blur ， contains ， focus等。

我不知道您能用這些做什么。

Answer 1

它向您確切顯示了該元素的原型中包含哪些JavaScript函數（可以在該元素上調用的函數）。

當您試圖弄清楚如何解決特定問題但不確定要使用的JavaScript函數時，它會有所幫助。

Answer 2

說到CSS，我發現開發工具非常有用。 我用它調試我的CSS代碼，並檢查任何元素繼承了一個不存在的類。 我從來沒有將它用於javascript代碼，除了我自己無法解決的隨機錯誤。