我使用Web开发人员工具检查html,然后查看附加到html元素的css。这被证明是从其他网站(以及我自己的调试)学习的一个很好的过程
有没有办法检查javascript?所以当我选择元素时,能够看到与元素相关的javascript吗?
答案 0 :(得分:3)
在element panel中,您可以找到与元素相关的所有信息,包括附加到其上的事件。
您可以使用console in the element panel来检查元素,使用dir(elementId)
将具有给定ID的对象转储为具有其属性的JavaScript对象。
答案 1 :(得分:1)
您可以看到作为事件附加到页面上任何元素的javascript代码。在Developer工具中,它在Elements选项卡中,每个元素都有“Event Listeners” - 你可以看到哪些事件以及javascript将被捕获和执行。
答案 2 :(得分:0)
我遇到了同样的问题并且一直在游荡,直到我发现如何在Chrome上执行此操作:
1. 打开检查员 Ctrl + Shift + i
2. 选择您要检查的元素
3。点击Event Listeners
标签
4. 点击您要检查的事件监听器旁边的链接
5. 点击Pretty Print
(窗口底部符号为{})