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

javascript 等で、出力されるHTMLのソースを見たいのですが、どうするといいのでしょうか? 下記のサイトで、ログイン(右上にあります。)を押したときにでる小窓のHTMLの内容を知りたいです。
http://www.netcommons.org/


●質問者: isogaya
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript サイト ソース ログイン TM
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● GoldenDawn
●23ポイント

Firefox と firebug 拡張を使うと見れます。

http://getfirebug.com/


2 ● koriki-WeKan
●23ポイント

Firefoxのアドオン「Firebug」を使えば分かる。

https://addons.mozilla.org/ja/firefox/addon/1843/?application=fi...


3 ● kaz
●22ポイント

Safari

http://www.apple.com/jp/safari/


Apple 製のブラウザ、Safari の「開発」メニューを使うと、

通常の HTML をはじめ、こういったスクリプトにより出力される部分など、

(HTML ソースを見るとスクリプトのアドレスだけがあるような部分の)

動的に出力されるソースを確認する事が簡単に可能です。


■1:「開発」メニューを ON にする

右上の歯車のようなマークから「設定:詳細」を選び

「メニューバーに "開発" メニューを表示」にチェックを入れる


■2:調べたい部分を右クリックし「要素の詳細を表示」を選択

ウインドウ下部にずらずらっと、アウトライン処理された HTML が表示されます。

(左下のボタンを押す事で別ウインドウ表示も可能です)

HTML にカーソルをあわせると、その内容に該当する部分が

実際のページ上で、薄い青でハイライト表示されます。


■3:目的のソース(アウトライン箇所)を選択してコピーを行う

今回の場合、<div id="_global_create_block" .... で始まる部分が該当箇所です。

ここにカーソルをあわせると、

ポップアップウインドウ全体が青くなりますので、その状態で一度クリック。

すると <div id="_global_.... の行が濃い青になり、今度はコピー操作。


■4:クリップボードの中に、該当範囲(開始タグ〜閉じタグ)がコピーされる

パーツ挙動と HTML ソースを比較したい場合、コピーしてしまうよりも

WEB インスペクタ(本機能の名称です)上で確認する方が良いかもしれません。


4 ● Cherenkov
●22ポイント

Firefoxアドオン、Firebugの「Inspect」使って調べるのが一番簡単です。

ここに抽出したソースを貼っておきます。

http://jsfiddle.net/faLh3/


参考

関連質問


●質問をもっと探す●



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