如何在发生某些事件时知道执行JavaScript的哪个部分

时间:2013-04-16 06:18:49

标签: events firefox javascript-events

如何知道在Mozilla Firefox中发生某些事件时执行的JavaScript部分?

1 个答案:

答案 0 :(得分:0)

这是一个非常广泛的问题,但我会采取行动。我对Firefox中现在的本机调试器有点好奇,所以我为你调查了这个。 Firebug仍然是一个很好的工具,但如果您运行的是Firefox 19或更高版本,则不需要它进行调试。我还建议尝试使用Chrome的DevTools,它们是我个人的最爱。

要在Firefox中使用本机调试器,您需要配置两个选项。转到about:config(将其粘贴到地址栏中)。继续警告。将以下设置更新为真(搜索是您的朋友):

devtools.chrome.enabled: true
devtools.debugger.remote-enabled: true

您需要这样做,以便在代码中设置断点。现在加载调试器,快捷方式为Ctrl+Shift+S

此时您需要知道在哪里设置断点。如果您编写了JavaScript,那么您应该没有太多麻烦。如果您正在检查第三方代码,则可能需要浏览源代码以了解从哪里开始。

加载调试器后,在下拉列表中选择一个源文件。它可以是JavaScript文件,也可以是任何其他具有JavaScript的资源。您应该打开您感兴趣的文件。

要添加断点,请单击行号左侧。您也可以右键单击给定的行并选择“添加断点”。如果要调试页面加载时发生的事情,请刷新页面。如果它是一个事件处理程序,则与页面交互以触发事件。

这些是您在Firefox中开始调试所需的基础知识。以下是您可能需要进一步采取的一些资源。

MDN文章:Debugging JavaScript

使用FireBug的YouTube视频:Firebug DebuggingIntro

Chrome DevTools:Breakpoints in Chrome

我希望有所帮助!