用visual event查看鼠標事件觸發了什麼jquery代碼

chrome的開發者工具固然好用,但也有不盡人意的時候,比如用event listener查看元素綁定的jquery代碼時,只能看到比較複雜的原生jquery,並不能看到自己寫的代碼,用visual event可以幫助你查看鼠標事件觸發了什麼jquery代碼。

去google的webstore下載visual event,安裝後會看到瀏覽器右上角有個類似眼睛的小圖標:

                                                       

點擊這個小圖標,會發現綁定事件的頁面元素都被圈在藍色的框框裏,鼠標放到藍色框上,就能看到代碼;再點擊一下眼睛的圖標,頁面恢復原狀。雖然不是特別精確,不過已經很好了

                

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章