1

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

4

1 回答 1

0

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

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

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

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

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

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

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

这些是开始在 Firefox 中进行调试所需的基础知识。这里有一些你可能需要更进一步的资源。

MDN 文章:调试 JavaScript

使用 FireBug 的 YouTube 视频:Firebug DebuggingIntro

Chrome DevTools:Chrome 中的断点

我希望这会有所帮助!

于 2013-04-16T06:47:14.283 回答