IEに表示中のHTMLを取得する

JavaScript

右クリックから「ソースの表示」では、オリジナルのHTMLソースが表示されます。

画面のテキストボックスに入れた文字やリストボックスから選択したものは反映されていません。

しかし、これらのプロパティーから画面に表示されている状態のHTML取得ができます。

window.document.documentElement.outerHTML
（画面全体〜但し、実行時の代入不可。ReadOnly）

document.body.innerHTML
（との間のタグ。自身は含まない。実行時の代入可能。)

（テスト結果の捏造なんかもdocument.body.innerHTMLで画面の一部書き換えで(^_^;）

画面に表示されているHTMLの取得方法

  • 適当なページを開く
  • アドレスバーに以下の文字列をコピーして実行する

javascript:(function(){alert(window.document.documentElement.outerHTML)})()

  • メッセージボックスが表示される
  • メッセージボックスの文字列は選択コピーできないが、実は「Ctrl+C」でコピーできる！！！

実はWindowsはメッセージボックスを文字列としてコピーができる。
これを知っていると、ハードコピーから文字を起こさなくてすむので便利！

  • コピーした文字列の最初と最後にある不必要な部分を除く
  • ファイルを保存する

あまり長いHTMLでなければこれでできますが、長い場合はメッセージボックスに
入りきらないので、ファイルか何かに落とす必要があるな・・・