26

Firebug 開発者ツールと一緒に Firefox を使用しています。

ソースの表示 ( Ctrl + U) に表示される HTML は、Firebug を使用して要素を検査するときに表示される HTML とは異なりますか?

2つの違いは何ですか？

4

4 に答える 4

43

はい、違います。

ソースを表示すると、ページの元の HTML ソースが表示されます。

インスペクターは、ブラウザーによって解釈された DOM を表示します。これには、たとえば、HTML ソースでは確認できない JavaScript による変更が含まれます。

ああ、これは、Chrome Web Inspector や Internet Explorer Developer Toolbar など、他のブラウザーで DOM を表示できる開発者ツールにも当てはまります。HTML ソースはすべてのブラウザーで常に同じです。生成された DOM は解釈であるため異なる場合があり、レンダリング エンジンは (残念ながら) すべて同じではありません。

于 2012-10-25T13:59:10.763 に答える
3

また、javascript などを介して発生する可能性のある動的な DOM 操作とは別に、Firefox は不正な (X)HTML を解析して「クリーンアップ」するため、これらの変更は要素を検査するときに表示されるものにも影響することに注意してください。

于 2012-10-25T14:03:07.487 に答える
1

違いは (ただしこれに限定されません)、firebug コンソールでは、Web ページで発生した動的な変更を確認できることです。たとえば、DOM 要素の変更 ( fromAJAXまたは regular JavaScript)、CSSインプレース変更など...

于 2012-10-25T13:58:47.717 に答える