首頁猿問 Chrome的DOM斷點(diǎn)設(shè)置怎么使用

Chrome的DOM斷點(diǎn)設(shè)置怎么使用

JavaScript

互換的青春 2018-10-18 15:11:57

我想看豆瓣的評分打星的js代碼[1]，于是在相應(yīng)的div設(shè)置了node removal斷點(diǎn)，如圖刷新頁面后head以及另外一個(gè)父元素的div標(biāo)簽變紅了一下，然后就不知道設(shè)置好了斷點(diǎn)去哪里查看相應(yīng)的js函數(shù)了。請問這種方法可以查看到該元素對應(yīng)的js代碼嗎？請高手賜教！注[1]：就是這里的星??

查看完整描述

1 回答

拉莫斯之舞

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超10個(gè)贊

你看這個(gè)元素上面是不是有個(gè)class，你審查下這個(gè)類的CSS，你會(huì)發(fā)現(xiàn)一張圖，這張圖包含了所有評星

點(diǎn)這里看這張圖

你會(huì)發(fā)現(xiàn)它是根據(jù)bigstarXX這個(gè)類的XX來設(shè)定背景圖的位置的，所以整個(gè)過程就是根據(jù)評分，設(shè)置這個(gè)元素的bigstarXX這個(gè)類，至于這個(gè)XX是根據(jù)評分算的，然后CSS根據(jù)類展示圖片的不同部分

反對回復(fù) 2018-11-29