有没有办法让firebug同时显示控制台和HTML窗口?

时间:2009-06-03 21:40:43

标签: firebug

我经常测试操纵DOM的代码。我可以粘贴它并在控制台中运行它 然后切换到HTML选项卡以查看它是否具有所需的效果。然后,当我切换回控制台视图时,我的代码消失了,我必须重新粘贴它。这是一种痛苦。

我真正喜欢的是将控制台放在右侧窗口中,将HTML视图放在左侧窗口中。然后,据推测,我可以(理想情况下)运行我的代码并立即看到左侧窗口中公开的HTML元素的效果。

有办法做到这一点吗? (或者也许是它的一些延伸)。

3 个答案:

答案 0 :(得分:1)

最新的alpha版本的firebug 1.4会在您来回切换时保留最新的代码。它还有一些漂亮的功能,如“下一个突破” - 非常酷!我等不及它的成熟/成熟。 嗯......我猜这是字面意思 - 我等不及了。我正在使用alpha。 ;)

grab firebug-1.4.0a31.xpi

此外,由于这是alpha软件,我在different profile下运行此开发用于我的开发,并且只在我需要/想要它们时才使用新功能。它肯定还不稳定。

答案 1 :(得分:1)

  

当我切换回控制台视图时,我的代码消失了,我必须重新粘贴它

您可以使用向上/向下键在firebug控制台中显示以前的命令。

答案 2 :(得分:0)

我知道这是一个老问题,但对于那些发现这个问题的人来说,这仍然有用。

您可以使用此书签启动Firebug Lite实例,例如:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

然后,您可以在主Firebug扩展中使用HTML面板,同时在Firebug Lite书签中安装控制台。

我通常将我的主Firebug放在右侧,当Firebug Lite在底部渲染时效果很好,并且目前没有定位选项。