Firefox Firebug扩展 - 冻结Javascript功能?

时间:2009-05-12 19:33:03

标签: javascript jquery debugging firefox firebug

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

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

5 个答案:

答案 0 :(得分:6)

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

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

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

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

如果您需要更多帮助,我建议您查看Firebug documentation,其中有一些很好的指南。

答案 1 :(得分:6)

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

答案 2 :(得分:2)

不完全是firefox功能,但看起来足够接近(至少在我理解问题的方式):

  1. 获取CheatEngine
  2. 打开firefox进程
  3. 选中“启用speedhack”
  4. 将速度设为0
  5. 应用
  6. 现在所有脚本都已暂停
  7. 您可以在javascript时钟here上进行测试。

    我有点失望,没有人为firefox创建了一个插件,也可以这样做。

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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

Inspect | all | <filename>

单击以选择包含要跟踪的javascript的文件。选择文件后,单击行号以放置一个brea kpoint(将出现一个大的红点)。

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

tutorial也可以为您提供帮助。

相关问题