2

私は Chrome ユーザーであり、Firebug がなければ途方にくれますが、1 つの問題が常に私を悩ませてきました。つまり、表示しているサイトの下に Firebug コンソールが表示されないという事実 (つまり、Firefox での振る舞い) です。代わりに、コンソールはサイトの上にあり、フッターとコンテンツを覆い隠しています. それはちょっとしたことですが、すべて同じように迷惑です。

これは、Google が Chrome 拡張機能を制限していることが原因であることは理解していますが、この特定の問題を回避する方法はありますか?

4

2 に答える 2

1

悪影響を与える可能性のあるWebページのCSSコードを変更する代わりに、ChromeでFirebug Liteをデタッチし、そのポップアップウィンドウをサイズ変更されたChromeブラウザウィンドウの下に配置する必要があります。

これを実行するには、右上隅にあるFirebugLiteウィンドウの中央のボタンを押すだけです。

下の画像を右クリックして、それが役立つ場合はフルサイズで表示します
Open Image in New Tab。/View Image


ここに画像の説明を入力してください

このように、重なり合わないが一緒にうまく機能する2つの別々の領域ができます。


上記のStanのコメントによると、 Firebug Liteは、ネイティブChromeの開発者ツールと比較して何が追加されているのかについてDOM Tab、Chromeにはない親しみやすさと優れた機能を提供していると言わざるを得ません。

さらに重要なことは、実際には両方のコンソールを同時に使用できるということです。

これにより、2つの異なるペインを簡単に監視でき、マルチモニター設定を使用すると、これは便利なシナリオになります。大きなモニターでも見栄えがします。

下の画像を右クリックして、それが役立つ場合はフルサイズで表示します
Open Image in New Tab。/View Image


ここに画像の説明を入力してください

于 2012-12-12T10:39:47.220 に答える
1

私はどこにも解決策を見つけていません。そこで、他のスタック オーバーフロー スレッドの助けを借りて、非常に単純な関数を思いつきました。

私は JavaScript プログラマーではありませんが、jQuery を使用しています。そのため、これを jQuery の ready メソッド内で実行します。サイトが読み込まれると、Fire バグが開いているかどうかがチェックされます。開いている場合は、本文に 400 ピクセルの下マージンが追加されます。明らかに、コンソールがそれよりも大きい/小さい場合は、jQuery コード内のサイズを変更するだけです。

ただし、サイトを開いてから Firebug を開いても、何も変わりません。Firebug を開いてページを更新するだけで機能します。

// add body margin if firebug is open
if (console.log.toString().indexOf('apply') != -1 && navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
    $('body').css('margin-bottom', '400px');
}

うまくいけば、これは誰かに役立つでしょう。

編集:

警告: これにより、jQuery が Internet Explorer で動作しなくなる可能性があります。したがって、jQuery が機能しない場合は、これを削除してください。

于 2012-12-11T11:33:44.707 に答える