2009-06-03 2 views
4

DOMを操作するコードを頻繁にテストしています。私はそれを貼り付けてコンソールで実行することができます。 その後、HTMLタブに切り替えて、目的の効果があるかどうかを確認します。私がコンソールビューに戻ると、私のコードはなくなり、私はそれを再ペーストしなければなりません。これは痛みです。FirebugにコンソールとHTMLウィンドウを同時に表示する方法はありますか?

私が本当に好きなのは、コンソールを右ウィンドウに、HTMLビューを左ウィンドウに表示することです。おそらく、私のコードを実行して(理想的には)、左のウィンドウに表示されるHTML要素への影響をすぐに見ることができます。

これを行う方法はありますか? (または、おそらくその拡張機能)。

答えて

1

Firebug 1.4の最新のアルファ版では、前後に切り替えたときに最新のコードが保持されます。それはまた、 "次のブレーク"のようないくつかの素晴らしい機能を持っています - 非常にクール!ベータ/成熟するまで待つことはできません。 ねえ...私はそれがリテラルだと思う - 私は待つことができない。私はアルファを使用しています。 ;)また

grab firebug-1.4.0a31.xpi

が、これはアルファsoftwreであることから、私は私の開発のためのdifferent profileの下でこれを実行すると、私が欲しい/それらを必要とする場合にのみ、新しい機能を使用しています。確かにまだ安定していません。

1

私はコンソールに戻す私のコードを見てしまって、私はあなたがアップ/ダウンキーを使用して放火犯コンソールで前のコマンドを表示することができますへの再貼り付けること

持っています。

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のLiteのブックマークレットでコンソールを持ちながら、あなたは、その後、メインFirebugの拡張にHTMLパネルを持つことができます。

通常、メインのFirebugは右側に配置されていますが、Firebug Liteは下部にレンダリングされ、現在のところポジショニングオプションはありません。

関連する問題