Chrome的DOM断点设置怎么使用

Question

我想看豆瓣的评分打星的js代码[1]，于是在相应的div设置了node removal断点，如图刷新页面后head以及另外一个父元素的div标签变红了一下，然后就不知道设置好了断点去哪里查看相应的js函数了。请问这种方法可以查看到该元素对应的js代码吗？请高手赐教！注[1]：就是这里的星⭐️

Answer 1

你看这个元素上面是不是有个class，你审查下这个类的CSS，你会发现一张图，这张图包含了所有评星

点这里看这张图

你会发现它是根据bigstarXX这个类的XX来设定背景图的位置的，所以整个过程就是根据评分，设置这个元素的bigstarXX这个类，至于这个XX是根据评分算的，然后CSS根据类展示图片的不同部分