Firefox Firebug扩展 - 冻结Javascript功能？

Question

如何在firebug中冻结Javascript，以便我可以在html中检查它所做的更改？ 例如，如果我有一个jQuery翻转效果，我想在那个时间点检查HTML代码。

我相信Dreamweaver CS4有这个功能名为freeze javascript和live code。 在Firebug或其他Firefox扩展中是否有免费的等价物？

Answer 1

mut on mutate（选择html选项卡时的暂停按钮）是我能找到的最接近此功能的东西。 它会在下次更改时暂停。 它只是你想要的一个，但可能有用。

Answer 2

通过“冻结”，我认为你的意思是调试，是的，Firebug肯定有这个。

首先，您必须进入Firebug上的“脚本”选项卡。 如果在站点上禁用了脚本，请启用它。

现在，转到下拉列表并选择要调试的JavaScript文件。 这通常是具有内联JavaScript的页面本身或链接页面。 找到要冻结的代码行，然后单击行号左侧。 你会看到一个红点出现 - 这个点表示代码将在执行期间冻结。 代码存在后，您可以通过转到“HTML”选项卡来访问当前的HTML。 您还会看到Firebug脚本窗格右上角的图标亮起，允许您继续执行，跳过，步入或逐步退出每行代码，观察每行执行的HTML更改。

请注意，Firebug允许您逐行遍历代码，这意味着最小化的JavaScript文件（其中所有代码都压缩到一行）对于调试来说是非常糟糕的，因为您无法分辨Firebug的位置。 因此，出于调试目的，我强烈建议您获取非最小化版本的文件。

如果您需要更多帮助，我建议您查看Firebug文档 ，其中包含一些很好的指南。

Answer 3

不完全是firefox功能，但看起来足够接近（至少在我理解问题的方式）：

1. 得到CheatEngine
2. 打开firefox进程
3. 检查“启用speedhack”
4. 将速度设置为0
5. 应用
6. 现在所有脚本都已暂停

你可以在这里的javascript时钟测试这个。

我有点失望，没有人为firefox创建了一个插件，它会做同样的事情。

Answer 4

在Firebug的“脚本”选项卡中，您可以在Javascript中设置断点，以允许您单步执行代码，设置监视以及执行其他调试程序中的其他操作。 您还可以切换到HTML选项卡，看看在Javascript被“冻结”时所做的更改。

Answer 5

在Firebug中，转到脚本选项卡。 在顶部，您可以看到：

Inspect | all | <filename>

单击以选择包含要跟踪的JavaScript的文件。 选择文件后，单击行号以放置一个brea kpoint（将出现一个大的红点）。

您可以在不同的文件中放置几个​​断点。 如果刷新页面，断点不会消失（F5）。

本教程也应该对您有所帮助。