人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: kunitz
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:firefox HTML IE JavaScript Write
○ 状態 :終了
└ 回答数 : 7/9件

▽最新の回答へ

1 ● wizemperor
●18ポイント

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

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

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

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

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

◎質問者からの返答

ありがとうございます!

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


2 ● komorebi
●17ポイント

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

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

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

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

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

◎質問者からの返答

ありがとうございます!

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


3 ● wizemperor
●17ポイント

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

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

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

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

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

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

http://yahoo.co.jp/

ダミーです。

◎質問者からの返答

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

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

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

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


4 ● komorebi
●17ポイント

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

>

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

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

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

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

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

◎質問者からの返答

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

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

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

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


5 ● cloned
●17ポイント

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

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

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

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


1-5件表示/7件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ