2014-01-16 18 views
2

當我將鼠標懸停在頁面上的某個可視元素上時,它將被調整大小。我知道這是通過jQuery完成的,並且負責此操作的實際代碼位於文件中的 行815-820行。有沒有可以顯示JS正在執行的Google Chrome擴展程序?

但知道這個我花了5分鐘分析和調試JS。 這將是真棒,如果我只是懸停在這個元素,我得到一個彈出(application.js:815

有沒有解決我的問題?或者也許有更簡單的方法來知道哪些部分的JS負責哪些用戶交互?

謝謝!

+0

Chrome開發工具 - >來源 - >事件監聽器斷點和/或配置文件 - >收集JavaScript CPU配置文件? –

+0

感謝羅!不知道! – yaru

回答

1

我不知道一個更好的工具與JS代碼比集成交互開發者工具。你可以做什麼來幫助與DOM的交互是設置斷點DOM調試代碼:

元素選項卡,右鍵單擊元素並選擇...休,你的情況應該是屬性修改。現在,每次JS代碼更改該元素的屬性時,它都會中斷並允許您輕鬆調試它。

0

我剛剛發現這只是「google搜索」一點點,已經有谷歌瀏覽器調試

Here's a link

相關問題