使用 chrome 调试器调试图标答案

【问题标题】：debugging icons using chrome debugger使用 chrome 调试器调试图标
【发布时间】：2014-12-05 22:04:52
【问题描述】：

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

我尝试检查元素并附加到事件处理程序，这没有多大帮助。

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

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

PS：我是 JS 新手。

【问题讨论】：

首先找到处理点击事件的javascript文件，然后使用chrome调试工具就可以使用断点功能。或者您可以插入 javascript 代码调试器；在点击事件函数上，您会在 chrome 调试工具中注意到，一旦脚本到达调试器或脚本的断点，它将停止执行脚本
@soproni 就像我在描述中提到的那样。这些事件没有多大帮助..
你能给我你要调试的网站的链接吗？

【解决方案1】：

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

【讨论】：