ブラウザからhtmlソースを見るとき、

javascriptの関数が書き出した(document.writeとか)したhtmlソースも見たいのですが、
何か良い方法はないでしょうか?

1) firefox
2) IE
の優先順位で知りたいです。

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:2007/01/13 16:58:04
  • 終了:2007/01/20 17:00:04

回答(9件)

id:wizemperor No.1

wizemperor回答回数379ベストアンサー獲得回数522007/01/13 17:13:05

ポイント18pt

Firefoxならば、DOMインスペクタが便利だと思います。

Firefoxのインストール時に「開発ツール」にチェックを入れるとインストールできます。

起動は「ツール」→「DOM Inspector」です。

あるいは、拡張機能の「FireBug」等でも見られますね。

https://addons.mozilla.org/firefox/1843/

id:kunitz

ありがとうございます!

DOM Inspectorでもjavascriptが吐き出したhtmlは見れないと把握していますが、何か方法はあるのでしょうか?

2007/01/13 17:28:08
id:komorebi No.2

komorebi回答回数133ベストアンサー獲得回数82007/01/13 17:19:39

ポイント17pt

Firefoxの場合は、[Ctrl]+[A]などで画面上を範囲指定したものを、

右クリックで[選択した部分のソース表示]で確認できます

Firefoxに、Web Developer 1.1の拡張機能が入っているならば、

[View Sourse]項目の[View Generated Sourse]から確認ができます

http://chrispederick.com/work/webdeveloper/

id:kunitz

ありがとうございます!

View Generated Sourseでも、javascriptが吐き出したhtmlは見れない把握していますが、何か方法はあるのでしょうか?

2007/01/13 17:38:50
id:wizemperor No.3

wizemperor回答回数379ベストアンサー獲得回数522007/01/13 17:45:14

ポイント17pt

>DOM Inspectorでもjavascriptが吐き出したhtmlは見れないと把握していますが、何か方法はあるのでしょうか?

特別なことはしなくても見られるかと思います。

DOM Inspectorで、「Inspect」ボタンを押した後、「DOM Nodes」でDOMノードを辿っていってみてください。

操作する必要がある場合には、Firefox本体ではなく、DOM Inspectorで行います。

ちなみに、動的に出力されたものについては、該当部分のノードツリーを一度畳んだ後、再度開き直すと表示されます。

komorebiさんの方法でも確認できるはずですよ。

http://yahoo.co.jp/

ダミーです。

id:kunitz

うーん、やはり出来ないみたいです。

ちなみに下記のようなHTMLになります。

<script type="text/javascript" src="hoeg.js"></script>

<script type="text/javascript"></p> <p><!--</p> <p>hoge('hoge');</p> <p>//--></p> <p></script>

2007/01/13 18:00:31
id:komorebi No.4

komorebi回答回数133ベストアンサー獲得回数82007/01/13 17:54:12

ポイント17pt

>View Generated Sourseでも、javascriptが吐き出したhtmlは見れない把握していますが、何か方法はあるのでしょうか?

>

jQueryをつかったモノで、JavaScriptの吐き出したソースを確認しているので、見れないということはないはずです。

実際確認できるページ:http://ver4.kyosuke.jp/

拡張機能のWeb Developerは、最新の「1.1」になってますか?

前バージョン「1.0.2」では動かないかもしれません。

上記で見れないならば、先ほど記載した「選択した部分のソース表示]」で確実に閲覧が可能なはずですので、お試しください。

id:kunitz

うーん、やはり出来ないみたいです。

ちなみに下記のようなHTMLになります。

<script type="text/javascript" src="hoeg.js"></script>

<script type="text/javascript"></p> <p><!--</p> <p>hoge('hoge');</p> <p>//--></p> <p></script>

2007/01/13 18:00:37
id:cloned No.5

cloned回答回数3ベストアンサー獲得回数02007/01/13 22:34:46

ポイント17pt

優先度の低いIEの方ですが、

http://d.hatena.ne.jp/spiritloose/20060916/1158381455

で紹介されているブックマークレットはどうでしょうか?

デバッグ用途とかだと使いにくいかもしれませんが、単純明快で見る分にはそれなりに役に立つかと思います。

id:susie-t No.6

susie-t回答回数99ベストアンサー獲得回数182007/01/14 01:43:55

ポイント17pt

対象ページを表示後、アドレスに

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

と打ち込んで実行するといちおう取得できます。IE、FireFoxともにOKです。document.body.parentNode.innerHTMLには現在のhtmlソース(javascriptが書き出したものも含む)が格納されているので。

参考になれば幸いです。

ダミー:http://q.hatena.ne.jp/

id:susie-t No.7

susie-t回答回数99ベストアンサー獲得回数182007/01/14 01:59:45

ポイント17pt

すみません、テキストエリアの閉じタグに「/」が抜けてました。

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

こちらでお願いします。

ダミーURL:http://q.hatena.ne.jp/

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 ohmix1 235 214 14 2007-01-15 11:37:37
2 zebevogue 65 60 7 2007-01-15 12:47:44

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません