是否有任何方法可以通过chrome开发人员工具找出某个类在页面中使用了多少次?

时间:2019-05-06 09:23:48

标签: google-chrome debugging css-selectors

我正在尝试调试一些代码,我正在使用开发人员工具来调试页面中的大量代码,因此很难获得每个类的数量,是否有任何工具或帮助我可以找出哪里以及所有类是使用以及一个类使用了多少次。请帮忙吗?enter image description here

我试图找出该类在整个页面中重复了多少次,我  希望一定有捷径来找出这些东西

1 个答案:

答案 0 :(得分:0)

如果您要讨论的是该类附加了多少元素,则可以使用javascript来实现。

打开开发人员工具的控制台标签,然后运行以下查询

document.querySelectorAll(".<insert-css-class-name>").length

如果您不熟悉CSS选择器,请查阅this link作为一个很好的起点。