chrome的開發者工具固然好用,但也有不盡人意的時候,比如用event listener查看元素綁定的jquery代碼時,只能看到比較複雜的原生jquery,並不能看到自己寫的代碼,用visual event可以幫助你查看鼠標事件觸發了什麼jquery代碼。
去google的webstore下載visual event,安裝後會看到瀏覽器右上角有個類似眼睛的小圖標:
點擊這個小圖標,會發現綁定事件的頁面元素都被圈在藍色的框框裏,鼠標放到藍色框上,就能看到代碼;再點擊一下眼睛的圖標,頁面恢復原狀。雖然不是特別精確,不過已經很好了