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開發人員工具檢查IOS Safari
- 3. 如何在Chrome開發人員工具中使用jQuery DataTables API？
- 4. Chrome開發人員工具錯誤
- 5. Chrome開發人員工具css編輯
- 6. Google Chrome開發人員工具
- 7. Chrome開發人員工具javascript版本
- 8. 如何使用Chrome開發人員工具檢查有效的CSS連字符？
- 9. 如何在Chrome開發人員工具中檢查頁面響應HTML
- 10. 如何使用Chrome開發人員工具執行一段JavaScript代碼
- 11. 如何使用Firefox開發人員工具檢查javascript
- 12. 在Android設備上打開Google Chrome開發人員工具
- 13. Chrome開發人員工具的構建覆蓋工具
- 14. 查看Chrome開發人員工具中的請求時間
- 15. 開發人員工具 - 如何檢查即時添加的元素（通過JQuery）？
- 16. Chrome開發人員工具上的計算值
- 17. 如何使用Web開發人員工具正確檢查jquery和javascript？
- 18. Chrome開發人員工具如何模擬觸摸事件？
- 19. 如何使用Chrome開發人員工具堅持CSS更改
- 20. 如何在Chrome開發人員工具中禁用JavaScript
- 21. 如何直接從Chrome開發人員工具保存CSS？
- 22. Java開發人員的開發工具
- 23. 在Chrome開發人員工具中查看偵聽器主體
- 24. Google Chrome開發人員工具未顯示檢查過的元素樣式？
- 25. Chrome開發人員工具，使用腳本標記內的檢查功能
- 26. 如何查看chrome開發人員工具中的數據屬性值？
- 27. 如何在Google Chrome開發人員工具中查看元素的CSS屬性
- 28. Chrome開發工具：代碼摺疊
- 29. 爲什麼Chrome開發人員工具有時不顯示CSS源代碼？
- 30. 如何逐行瀏覽JavaScript代碼，而不是在Chrome開發人員工具的每行上放置斷點？