如何查找網(wǎng)頁(yè)元素對(duì)應(yīng)的JS代碼（如圖）？如果可以調(diào)試，可以打開瀏覽器的調(diào)試功能。以chrome為例，按F12打開“調(diào)試”窗口，切換到“源”選項(xiàng)卡，并在最右側(cè)的“事件偵聽器斷點(diǎn)”中選中鼠標(biāo)下方的“鼠標(biāo)上

如何查找網(wǎng)頁(yè)元素對(duì)應(yīng)的JS代碼（如圖）？

如果可以調(diào)試，可以打開瀏覽器的調(diào)試功能。

以chrome為例，按F12打開“調(diào)試”窗口，切換到“源”選項(xiàng)卡，并在最右側(cè)的“事件偵聽器斷點(diǎn)”中選中鼠標(biāo)下方的“鼠標(biāo)上方”。當(dāng)鼠標(biāo)移到圖片時(shí)，將觸發(fā)mouseover事件。Chrome可以響應(yīng)事件，設(shè)置斷點(diǎn)，并跟蹤JS代碼以供查看。

如何查看網(wǎng)頁(yè)的源碼？

使用Google瀏覽器查看網(wǎng)頁(yè)源代碼，一般靜態(tài)網(wǎng)頁(yè)可以直接查看網(wǎng)頁(yè)源代碼，但現(xiàn)在一般是動(dòng)態(tài)生成的界面。

打開要查看的網(wǎng)頁(yè)源代碼，右擊打開菜單欄-“查看網(wǎng)頁(yè)源代碼

當(dāng)然，你看不到JS這樣動(dòng)態(tài)加載的頁(yè)面元素。

選擇更多工具-開發(fā)者工具，這樣您不僅可以看到所有元素，還可以看到網(wǎng)絡(luò)數(shù)據(jù)交互。

當(dāng)然，您也可以使用其他工具下載所有接口。使用瀏覽器查看它們是最簡(jiǎn)單的。