使用chrome调试器调试图标

问题描述：

假设我在网页上有一个图标，我想知道当我点击该图标时会发生什么，如何使用chrome调试器进行调试？假设我有网页的非缩小代码。使用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代码调试器; 上的click事件功能你会在Chrome调试工具注意到它就会停止脚本的执行，一旦已经达到调试程序或脚本的破发点 – 2014-12-04 09:49:59

@soproni就像我在曾经提到我描述。事件并没有太大的帮助.. – Siva 2014-12-04 10:39:50

你能给我你正在尝试调试的网站的链接吗？ – 2014-12-05 09:46:17

答

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