最終的なHTMLソース

★ブログ移行のお知らせ
サイトを移行しました。以下をクリックください。
きよしの倶楽部 – 生活を潤わす情報を発信中。GTDを得意としてます。


ーーー
javascriptがはきだした最終的なHTMLソースを見る方法。最も簡単なのはFireFoxのDOM Inspectorといった充実したデバックツール類を使うことことだが、IEとか、Firefoxが使えなったり、ブラウザに依存させたくない時は、ソースに

 document.write("<textarea style='width:100%;height:600px;'>"+document.body.parentNode.innerHTML+"</textarea>")

を記載して、ブラウザ自体にはきだしてもらう。ただし、onloadで呼んでいる関数があるときは、暫定的にその関数の最後に追記する必要があるため、本来の画面表示はくずれてしまう。ここではあくまで、HTMLソースの確認が目的なので問題ない。