WebページJavascript実行後のhtmlを確認する方法

Javascriptが組み込まれたWebページが最近増えています。かっちょえーページなのでブラウザでhtmlソースを確認しようとしたら、htmlではなくJavascriptファイルへの参照が載っているだけで困ってしまった。

という人向けのTipsを２つご紹介。

• ブラウザをFireFoxにかえる。
  なんと、FireFoxならJavascript実行後のソースを確認することができてしまうのです。（知っていた人、ごめんなさい。)

• 以下の1行を対象ページのURLアドレス欄にコピペしてページ表示を更新する。

javascript:document.write('<xmp>'+ document.documentElement.innerHTML+'<\/xmp>');

手っ取り早いので、わたしはもっぱら2番目の方法を利用しています。

• 以上-

2019-07-01 (月) 11:39:40タグ: Javascript実行後のhtml確認