Chrome开发者工具的“属性”部分如何帮助CSS / JavaScript开发？

Question

Chrome开发者工具的“属性”部分如何帮助CSS / JavaScript开发？

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

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

Answer 1

它向您确切显示了该元素的原型中包含哪些JavaScript函数（可以在该元素上调用的函数）。

当您试图弄清楚如何解决特定问题但不确定要使用的JavaScript函数时，它会有所帮助。

Answer 2

说到CSS，我发现开发工具非常有用。 我用它调试我的CSS代码，并检查任何元素继承了一个不存在的类。 我从来没有将它用于javascript代码，除了我自己无法解决的随机错误。