web開発ツール(Fire Fox)の表示について質問です

Question

ＤＯＭはＨＴＭＬの要素にアクセスする仕組み
開発ツールで見るとその仕組みが構造的に確認
出来る物であることは調べて理解しました。

デバッガの表示と比べると違いが出るのは何故
でしょうか？

デバッガに反映されているソース情報は設定が
正しく入っていることにはならないのでしょうか？

Ｗｅｂ開発されてる方でどなたかご回答頂けたら
と思います。

Answer 1

デバッガと、開発ツールでは、どの様な違いが出ているのでしょうか。

デバッガということは、Javascriptの実行のどこかにブレークポイントを置いて、その時の変数を確認しているのだと思います。開発ツールで見ている部分と、変数が指す部分が違うのか、他の人が書かれているとおり、既に変更された結果をデバッガで見ているのか、どちらかだと思います。

Comments

[kuriboros]

お忙しい中回答頂き、ありがとうございます。勉強になりました。

Answer 2

違いが出る例としては、
htmlに組み込んだjavascriptによってhtml構造に改変が加わったりした場合でしょうか。
Firefox標準の開発ツールや有名ドコロで言うとFirebugなどは、
htmlソースをそのまま表示せず、javascriptでいじくられたものが表示されます。

Comments

[kuriboros]

お忙しい中、教えていただきありがとうございました。教えていただいた話を元に作業を続けていきたいと思います。