2009-07-17 19 views
13

Firebug Lite以外のツールがInternet Explorerのバグに少しでも慣れ親しんでいることがわかります。Internet ExplorerでCSSをデバッグする

Firebug Liteは当然便利なツールですが、他の宣言のために宣言のどの部分が無視されるかを見ることができる重要な機能(「完全なFirebugプラグイン」にあります)が欠落しているようです。

たとえば、FirebugでFirefoxを使用した場合、後でがスタイルシートの.bar {color: blue}によって上書きされることがわかります。

しかし、Firebug Liteは、最終的に計算されたスタイルしか表示していないようです - 無視されている宣言、オーバーライドされている宣言、全くサポートされていない宣言、および単純なバグです。

ここで役立つツールがありますか?

答えて

20

私はIE8 Developer Tools(これはそのままの状態で含まれています)を使用しており、スタイルのトレースを表示できます。

IE7もマイクロソフトが追加したIE Dev Toolbarというアドオンを持っています。しかしこれを広範囲に使わなかった。

どのバージョンのIEを使用していますか?

+0

IEのDevツールバーはIE7のための良いアイデアです。それはFirebugほど頑丈ではありませんが、あなたが得るものを使います。 – Jeff

+0

@JeffまたはIE8にアップグレードするだけです。 –

+0

完璧な - 私は実際には少し前にそれを聞いたことがないことに驚いています。 – anschauung

6

はい。 IE8でF12を押す以前のバージョンでは、thisをインストールしてください。

3

IE8に含まれている開発ツールは非常にうまく動作します。

0

を開始すると思います。 IE 7または8で動作します。 Firebugに似ています

3

私はjQueryが「フードの下で」何が起こっているのかを理解するのに役立つことがわかりました。たとえば、IE 8に付属している開発者ツール(IE 7で動作していた標準、互換性のない標準、互換モード)を信頼できないという状況が最近発生しました。私が経験していた他のIE-strangessに加えて、計算されたものとしてスタイルシートが表示されていなかったので、jQueryを含むいくつかのjavascriptを投げて、いくつかのコードを入力して、 IEの開発者ツール、Firebugのか、SafariでのWebインスペクタあなたのような文を評価することができます。

返すことがあります
$('body').css('background-image'); 

を:

'/images/default_background.png' 

などです。

YMMVでも、試してみる価値があります。

0

私の新しいツールを使用して、マウスオーバーできる要素のレイアウトを表示できます。

HTML Box Visualizer - GitHub

関連する問題