我如何知道在 Mozilla Firefox 中发生某些事件时执行了 JavaScript 的哪一部分?
1 回答
这是一个非常广泛的问题,但我会试一试。我对现在 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 中的断点
我希望这会有所帮助!