javascript - Chrome的DOM断点设置怎么使用

问题描述

问 题

我想看豆瓣的评分打星的js代码[1]，于是在相应的div设置了node removal断点，如图

刷新页面后head以及另外一个父元素的div标签变红了一下，然后就不知道设置好了断点去哪里查看相应的js函数了。

请问这种方法可以查看到该元素对应的js代码吗？请高手赐教！

注[1]：就是这里的星⭐️

解决方案

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

点这里看这张图

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

这篇关于javascript - Chrome的DOM断点设置怎么使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！