2009-06-03 73 views
4

我經常測試操縱DOM的代碼。我可以將其粘貼並在控制檯中運行 ,然後切換到HTML選項卡以查看它是否具有所需的效果。然後,當我切換回控制檯視圖時,我的代碼不見了,我必須重新粘貼它。這是一個痛苦。有沒有辦法讓firebug同時顯示Console和HTML窗口?

我真的很喜歡將控制檯放在正確的窗口中,並在左側窗口中顯示HTML視圖。然後,據推測,我可以(理想情況下)運行我的代碼,並立即看到左側窗口中顯示的HTML元素的效果。

有沒有辦法做到這一點? (或者可能是它的一些擴展)。

回答

1

當你來回切換時,最新版本的firebug 1.4會保留最新的代碼。它還具有一些漂亮的功能,如「下一個打破」 - 非常酷!我不能等待,直到它的測試/成熟。 嗯......我想這就是字面意思 - 我等不及了。我正在使用阿爾法。 ;)

grab firebug-1.4.0a31.xpi

此外,由於這是阿爾法softwre,我下different profile運行該爲我的發展,僅使用新的功能,當我需要/想他們。它絕對不穩定。

1
當我切換回控制檯查看我的代碼消失了,我一定要

重新粘貼

可以使用上/下鍵顯示Firebug控制檯前面的命令。

0

我知道這是一個老問題,但這仍然可能對那些發現這個問題的人有用。

你可以開始Firebug的精簡版的實例,使用這個書籤,例如:

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的精簡版書籤的控制檯。

我通常會將我的主Firebug定位在右側,Firebug Lite呈現在底部,並且當前沒有定位選項。

相關問題