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

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

如果可以調試，可以打開瀏覽器的調試功能。

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

瀏覽器怎么調試代碼？

1. 打開要調試的網(wǎng)頁，按F12鍵調出瀏覽器的開發(fā)工具。

2. 在開發(fā)者工具中，點擊“調試器”，在左側的“源”菜單中找到要調試的JS文件或包含JS代碼的網(wǎng)頁文件，點擊該文件，在右側的窗口中查看程序代碼，在要調試的代碼序列號處點擊添加斷點。

3. 按F5刷新當前頁面。在開發(fā)工具中，程序將在設置斷點的位置暫停。此時，您可以使用右側的debug按鈕來調試跨越、步進和步出。

4. 如果要在JS程序中查看變量，請選擇該變量，右鍵單擊并選擇“添加監(jiān)控表達式”。您可以在developer工具的右側查看變量的實時數(shù)據(jù)。