Chrome的DOM断点设置怎么使用

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

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

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

注[1]:就是这里的星⭐️
图片描述

阅读 3.3k
1 个回答

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

点这里看这张图

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题