10

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

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

4

5 回答 5

6

“冻结”我假设你的意思是调试，是的，Firebug 肯定有。

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

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

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

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

于 2009-05-12T19:41:54.563 回答
6

Break on mutate（选择 html 选项卡时的暂停按钮）是我能找到的最接近此功能的东西。下次更改时它将暂停。这只是您想要的东西之一，但可能很有用。

于 2010-09-10T15:51:20.977 回答
2

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

  1. 获取作弊引擎
  2. 打开火狐进程
  3. 勾选“启用速攻”
  4. 将速度设置为 0
  5. 申请
  6. 现在所有脚本都已有效暂停

您可以在此处的 javascript 时钟上对此进行测试。

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

于 2012-01-24T18:21:02.647 回答
0

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

于 2009-05-12T19:41:41.753 回答
0

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

Inspect | all | <filename>

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

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

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

于 2009-05-12T20:20:22.113 回答