2011-11-14 13 views
3

他のページに埋め込まれている要素があります。いくつかのページでは、他のページではそれは涼しく見えます。私はこれが継承されたプロパティのいくつかのためだと思います。異なるページの要素プロパティを比較するツール

2つのhtmlドキュメントを開いてCSSプロパティを比較できるツール/プラグイン(Firefox/chrome)はありますか?

現在、プロパティをテキストとしてコピーして貼り付け、vim/notepad++で比較しています。

答えて

6

Firefoxの場合は、Firebugを使用できます。 Chromeにはdevelopers toolsが組み込まれています。要素を右クリックして(要素の検査)を選択します。


編集:私は考えることができる最も近いものがChrome Spilt frameプラグインです。

+0

私は、2つの異なる要素(例えば)上の 'inspect element 'の結果を比較する便利なツールを持っていたいと思います。 – BreakPhreak

+0

同じページに2つの異なる要素がありますか?私はあなたがすでに最良の方法を使用している可能性が高いと思います。 – Kyle

+0

2つの異なるページに2つの要素。つまり、2つの異なる*ページに埋め込まれていると(正確には)* 1つの/同じ*(サードパーティ)要素のプロパティです。 (うまくいけば、私は自分自身を十分に明確にした) – BreakPhreak

0

私はあなたの個々のプロパティをコピーして貼り付けているかどうかわからないんだけど、二つの要素の間(​​継承されたプロパティを含む)すべてのスタイルの違いを表示するためには、次の方法を試してください。

Chromeの開発ツールを使用して最初の要素を点検します。スタイル内で 'show inherited properties'を選択すると、その要素に適用されているすべてのcssプロパティを強調表示し、そのデータをクリップボードにコピーできます。結果をWinMergeやKDiffのようなファイル比較ツールに貼り付け、比較したい要素に対して繰り返します。

関連する問題