如何调试事件监听器

【问题标题】：how to debug an event listener如何调试事件监听器
【发布时间】：2015-05-13 11:36:04
【问题描述】：

请帮助调试事件侦听器。我已经为 window 对象编写了一个 popstate 事件监听器。

window.addEventListener('popstate',function);

当点击浏览器后退按钮时应该触发 popstate 事件，但是当我使用 HTML5 历史记录 API 添加历史记录时它是如何被触发的。

history.pushstate();

如何使用 firebug 或其他开发人员工具调试触发事件或上一步执行的事件侦听器。请指导我，因为我是 UI 开发的新手。

【问题讨论】：

标签： html html5-history

【解决方案1】：

如果您在回调中设置断点，您能否从调用堆栈中获取此信息？

另外，请注意文档表明可以更频繁地调用 popstate，然后您的问题表明：

popstate 事件

每次活动历史条目发生变化时，都会向窗口发送一个 popstate 事件。如果被激活的历史条目是通过调用 pushState 创建的或受到调用 replaceState 的影响，则 popstate 事件的 state 属性包含历史条目的 state 对象的副本。

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

【讨论】：