[英]debugging icons using chrome debugger
Say i have an icon in a webpage and i would like to figure out what happens when i click that, how do i debug that with chrome debugger? 假设我在网页中有一个图标,我想弄清楚单击该图标时会发生什么,我该如何使用chrome调试器进行调试? Assuming that i have the non-minified code for the webpage.
假设我有该网页的非缩小代码。
i tried to do inspect element and attaching to event handlers which doesn help much. 我试图做检查元素并附加到事件处理程序没有太大帮助。
<span id="__icon84" data-ui="__icon84" data-ui-icon-content="" class="UiIcon UiIconMirrorInRTL" style="font-family:'icons'"></span>
all i get is that the icon used is __icon84. 我所得到的只是所使用的图标是__icon84。
PS: i am new to JS. PS:我是JS新手。
Use the Event Listener Breakpoints
sidebar pane in the Sources
panel. 使用“
Sources
面板中的“ Event Listener Breakpoints
侧栏窗格。 Expand "Mouse" and check the "click" box. 展开“鼠标”,然后选中“单击”框。 Then the debugger should break whenever you enter a "click" event handler.
然后,只要您输入“ click”事件处理程序,调试器就会中断。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.