如何在 firebug 中冻结 Javascript，以便我可以检查它在 html 中所做的更改？例如，如果我有一个 jQuery 翻转效果并且我想在那个时间点检查 html 代码。
我相信 Dreamweaver CS4 具有名为 freeze javascript and live code 的功能。 Firebug 或其他 Firefox 扩展中是否有免费的等价物？
【问题讨论】：
标签： javascript jquery debugging firefox firebug
我认为“冻结”是指调试，是的，Firebug 肯定有。
首先，您必须进入 Firebug 上的“脚本”选项卡。如果站点上禁用了脚本，请启用它。
现在，转到下拉菜单并选择要调试的 JavaScript 文件。这通常是带有内联 JavaScript 的页面本身或链接页面。找到要冻结的代码行，然后单击行号的左侧。你会看到一个红点出现——这个点表示代码将在执行期间冻结在那里。一旦代码在那里，您可以通过转到“HTML”选项卡来访问当前的 HTML。您还将看到 Firebug 脚本窗格右上角的图标亮起，允许您继续执行、单步执行、单步执行或单步跳出每一行代码，观察执行的每一行的 HTML 更改。
请注意，Firebug 允许您逐行执行代码，这意味着最小化的 JavaScript 文件（其中所有代码都压缩到一行）对于调试来说绝对是糟糕的，因为您无法分辨 Firebug 在哪里。因此，出于调试目的，我强烈建议您获取文件的非最小化版本。
如果您需要更多帮助，我建议您查看Firebug documentation，它有一些很好的指南。
【讨论】：
Break on mutate（选择 html 选项卡时的暂停按钮）是我能找到的最接近此功能的东西。下次更改时它将暂停。它只是您想要的一种，但可能很有用。
【讨论】：
不完全是 firefox 功能，但看起来足够接近（至少在我理解问题的方式上）：
您可以在 javascript 时钟 here 上对此进行测试。
我有点失望，没有人为 Firefox 创建插件，它会做同样的事情。
【讨论】：
在 Firebug 的“脚本”选项卡中，您可以在 Javascript 中设置断点，这将允许您单步执行代码、设置监视以及执行您在其他调试器中会执行的其他操作。您还可以切换到 HTML 选项卡，查看“冻结”Javascript 时所做的更改。
【讨论】：
在 Firebug 中，转到脚本选项卡。在顶部，您可以看到：
Inspect | all | <filename>
单击以选择包含您要跟踪的 javascript 的文件。选择文件后，单击行号放置断点（会出现一个大红点）。
您可以在不同的文件中放置多个断点。刷新页面（F5）断点不会消失。
这个tutorial 也应该对你有所帮助。
【讨论】：