1
我使用web開發者工具檢查html，隨後看到附加到html元素的css。這被證明是一個很好的從其他網站學習的過程（和我自己的調試）如何檢查Chrome開發人員工具上的jQuery代碼？
有沒有一種方法來檢查JavaScript？所以當我選擇元素時，能夠看到與元素相關的JavaScript？
A
回答
3
在element panel中，您可以找到與元素相關的所有信息，包括附加的事件。
可以使用console in the element panel檢查使用dir(elementId)的轉儲與所述指定ID的對象的元素，爲具有其特性的JavaScript對象。
1
您可以看到JavaScript代碼作爲事件附加到頁面上的任何元素。在開發人員工具中它的元素選項卡中，每個元素都有「事件監聽器」 - 您可以看到哪些事件以及哪些JavaScript將被捕獲和執行。
0
我有同樣的問題，一直在徘徊了一下，直到我發現瞭如何做到這一點在Chrome：
1.打開檢查按Ctrl +移+我
2.選擇您想要檢查的元素
3.單擊Event Listeners標籤
4.點擊旁邊的事件偵聽器的鏈接，你想檢查
5.點擊Pretty Print（底部符號化爲{}的窗口）
相關問題
- 1. Chrome開發人員工具>在源代碼中查找
- 2. 如何在Chrome開發人員工具中使用jQuery DataTables API？
- 3. Chrome開發人員工具css編輯
- 4. Google Chrome開發人員工具
- 5. 如何在Chrome開發人員工具中檢查頁面響應HTML
- 6. Chrome開發人員工具的構建覆蓋工具
- 7. 查看Chrome開發人員工具中的請求時間
- 8. 開發人員工具 - 如何檢查即時添加的元素（通過JQuery）？
- 9. Google Chrome開發人員工具未顯示檢查過的元素樣式？
- 10. Chrome開發人員工具，使用腳本標記內的檢查功能
- 11. 如何查看chrome開發人員工具中的數據屬性值？
- 12. Chrome開發人員工具「屬性」部分如何幫助您開發CSS/JavaScript？
- 13. Silverlight在打開Chrome開發人員工具時消失
- 14. 使用Google開發人員工具等代碼跟蹤視圖？
- 15. Chrome開發人員工具的網絡選項卡中的Cookie
- 16. Chrome開發人員工具的更好的側面圖
- 17. 如何關閉Mac上的浮動開發人員工具
- 18. Chrome開發人員工具：不區分大小寫的搜索
- 19. Chrome開發人員工具中的console.log（）vs console.clear（）
- 20. 未被Chrome開發人員工具捕獲的AJAX請求
- 21. 在Google Chrome的開發人員工具中更改JavaScript文件
- 22. Chrome的開發人員工具沒有哪些功能？
- 23. Chrome開發人員工具中的框架未自動刷新
- 24. Chrome開發人員工具中CSS規則的顯示順序
- 25. 禁用Chrome開發人員工具的$功能
- 26. 在Chrome開發人員工具中添加新的CSS類
- 27. 當前VS工具以不同的開發人員查看C＃代碼
- 28. Ruby/Rails開發人員的JSP工具？
- 29. Chrome開發人員工具，控制檯中沒有傳感器
- 30. Chrome開發人員工具時間軸onClick繪製時間