FirefoxFirebug扩展-冻结Javascript功能?
如何在firebug中冻结Javascript,以便在html中检查它所做的更改?例如,如果我有一个jQuery滚动效果,并且我想在该时间点检查html代码FirefoxFirebug扩展-冻结Javascript功能?,javascript,jquery,debugging,firefox,firebug,Javascript,Jquery,Debugging,Firefox,Firebug,如何在firebug中冻结Javascript,以便在html中检查它所做的更改?例如,如果我有一个jQuery滚动效果,并且我想在该时间点检查html代码 我相信Dreamweaver CS4有一个名为冻结javascript和实时代码的功能。Firebug或其他Firefox扩展中是否有免费的等价物?在Firebug的脚本选项卡中,您可以在Javascript中设置断点,这将允许您单步执行代码、设置手表,以及在其他调试器中执行其他操作。您还可以切换到HTML选项卡,查看Javascript被
我相信Dreamweaver CS4有一个名为冻结javascript和实时代码的功能。Firebug或其他Firefox扩展中是否有免费的等价物?在Firebug的脚本选项卡中,您可以在Javascript中设置断点,这将允许您单步执行代码、设置手表,以及在其他调试器中执行其他操作。您还可以切换到HTML选项卡,查看Javascript被“冻结”时所做的更改。我想您的意思是调试,是的,Firebug肯定有这个功能 首先,您必须进入Firebug上的脚本选项卡。如果在站点上禁用了脚本,请启用它 现在,转到下拉列表并选择要调试的JavaScript文件。这通常是带有内联JavaScript的页面本身,或者是链接页面。找到要冻结的代码行,然后单击行号左侧。您将看到一个红点出现-这个点表示代码在执行期间将冻结在那里。代码出现后,您可以通过进入“HTML”选项卡访问当前HTML。您还将看到Firebug脚本窗格右上角的图标亮起,允许您继续执行、跳过、跨入或跳出每行代码,观察每行执行的HTML更改 请注意,Firebug允许您逐行遍历代码,这意味着最小化的JavaScript文件(其中所有代码都压缩到一行)对于调试来说是绝对糟糕的,因为您不知道Firebug在哪里。因此,出于调试目的,我强烈建议获取非最小化版本的文件
如果您需要更多帮助,我建议查看,其中有一些很好的指南。在Firebug中,转到“脚本”选项卡。在顶部,您可以看到:
Inspect | all | <filename>
Inspect | all |
单击以选择包含要跟踪的javascript的文件。选择文件后,单击行号以放置断点(将显示一个大的红点)
可以在不同的文件中放置多个断点。如果刷新页面(F5),断点不会消失
这也应该对您有所帮助。在选择html选项卡时使用“突变时中断”(暂停按钮)是我能找到的最接近此功能的东西。下次更改某些内容时,它将暂停。这只是你想要的功能之一,但可能很有用。不完全是firefox的功能,但看起来足够接近(至少在我理解问题的方式上):
我有点失望,noone已经为firefox创建了一个插件,它也会这样做。具体来说,Justin Palmer关于Firebug JavaScript调试的教程非常好:它可以工作,但不是我想要的确切功能,谢谢你的回答。这个答案的问题是,在JS中找到正确的位置(更不用说正确的文件!)来暂停执行并不总是那么容易。如果用户经常是一个设计师,他只是想让HTML停止改变足够长的时间,以便看到它的结构,那么用例就是如此!这就是我所指的特性:从1:36开始,他们开始讨论实时代码,并暂停javascript进行滚动。是否有一个键盘快捷键来暂停firebug中的javascript,而不是遍历代码并创建断点?