使用chrome调试器调试图标

Question

假设我在网页上有一个图标，我想知道当我点击它时会发生什么，我如何使用chrome调试器进行调试？假设我有网页的非缩小代码。

我试图检查元素并附加到事件处理程序，这对它没什么帮助。

<span id="__icon84" data-ui="__icon84" data-ui-icon-content="" class="UiIcon UiIconMirrorInRTL" style="font-family:'icons'"></span>

我得到的是使用的图标是__icon84。

PS：我是JS的新手。

Answer 1

使用Event Listener Breakpoints面板中的Sources侧边栏窗格。展开＆＃34;鼠标＆＃34;并检查＆＃34;点击＆＃34;框。然后，只要您输入＆＃34;单击＆＃34;调试器就会中断。事件处理程序。