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

http://www.netcommons.org/

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2010/07/01 11:38:00
  • 終了:2010/07/08 11:40:03

回答(4件)

id:GoldenDawn No.1

GoldenDawn回答回数426ベストアンサー獲得回数812010/07/01 12:02:15

ポイント23pt

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

http://getfirebug.com/

id:koriki-WeKan No.2

koriki-WeKan回答回数342ベストアンサー獲得回数202010/07/01 12:14:53

ポイント23pt

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

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

id:kaz No.3

kaz回答回数200ベストアンサー獲得回数422010/07/01 12:45:20

ポイント22pt

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 インスペクタ(本機能の名称です)上で確認する方が良いかもしれません。

id:Cherenkov No.4

Cherenkov回答回数1502ベストアンサー獲得回数4922010/07/01 17:42:04

ポイント22pt

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

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

http://jsfiddle.net/faLh3/


参考

  • id:kimudon
    http://www.altech-ads.com/product/10001631.htm
    http://www.gigafree.net/internet/streaming/urlsnooper.html
    こちらでURLを解析して、
    http://www.netcommons.org/index.php?action=login_view_main_init&amp;page_id=0&amp;module_id=24
    ログイン画面を抜き出して、Firefox の「ページのソース」で表示されるのは如何でしょうか?



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta http-equiv="content-language" content="ja" /><meta name="robots" content="index,follow" /><meta name="keywords" content="" /><meta name="description" content="" /><meta name="rating" content="General" /><meta name="author" content="NetCommonsProject" /><meta name="copyright" content="Copyright © 2007-2008" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="canonical" href="http://www.netcommons.org/?action=login_view_main_init&amp;amp;page_id=0&amp;amp;module_id=24&amp;page_id=0" /><title>ログイン - NetCommons2公式サイト</title><script type="text/javascript">_nc_lang_name = "japanese";_nc_layoutmode = "off";_nc_base_url = "http://www.netcommons.org";_nc_core_base_url = "http://www.netcommons.org";_nc_index_file_name = "/index.php";_nc_current_url = 'http://www.netcommons.org/index.php?action=login_view_main_init&amp;amp;page_id=0&amp;amp;module_id=24&amp;page_id=0';_nc_allow_attachment = '0';_nc_allow_htmltag = '0';_nc_allow_video = '0';_nc_main_page_id = '';_nc_user_id = '0';_nc_debug = 0;_nc_ajaxFlag = false;_nc_dwScriptCount = 0;_nc_dwScriptList = Array();_nc_js_vs = '20100510095247';</script><link href="http://www.netcommons.org/images/common/favicon.ico" rel="SHORTCUT ICON" /><link class="_common_css" rel="stylesheet" type="text/css" media="all" href="http://www.netcommons.org/index.php?action=common_download_css&amp;page_theme=&amp;dir_name=/themes/system/css/style.css|/login/default/style.css&amp;block_id_str=&amp;system_flag=0" /></head><body style="">
    <table id="_0" class="blockstyle_0 module_box system" style="width:auto"><tr><td><input type="hidden" id="_token_0" class="_token" value="7d9c651d4f070c4c382053bf0089313e"/><input type="hidden" id="_url_0" class="_url" value="http://www.netcommons.org/index.php?action=login_view_main_init&amp;amp;page_id=0&amp;amp;module_id=24&amp;page_id=0&amp;module_id=24"/><a id="_href_0" name="_0"></a><table class="th_system"><tr><td class="th_system_upperleft"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="th_system_upperleft" /></td><td class="th_system_upper"></td><td class="th_system_upperright"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="th_system_upperright" /></td></tr><tr id="move_bar_0" class="_move_bar move_bar" title="ドラッグ&ドロップで移動できます。"><td class="th_system_left"></td><td class="th_system_inside _block_title_event"><table cellspacing="0" cellpadding="0" class="widthmax"><tr><td class="th_system_header_center"><div class="th_system_header_dot th_system_header_move"><span class="nc_block_title th_system_title th_system_titlecolor">ログイン</span>&nbsp;</div></td><td class="th_system_header_right"><a href="#" onmouseover="if(typeof(commonCls) != 'undefined') {commonCls.imgChange(this,'setting_close.gif','setting_close_over.gif');}" onmouseout="if(typeof(commonCls) != 'undefined') {commonCls.imgChange(this,'setting_close_over.gif','setting_close.gif');}" onclick="commonCls.removeBlock('_0');return false;"><img src="http://www.netcommons.org/themes/system/images/setting_close.gif" title="閉じる" alt="閉じる" class="th_system_btn" /></a></td></tr></table></td><td class="th_system_right"></td></tr><tr><td class="th_system_left"></td><td class="th_system_inside"><div class="content"><form class="login_popup " id="login_form_0" action="" onsubmit="return false;"><label class="login_label">ログインID</label><input id="login_id_0" class="login_input" type="text" name="login_id" value="" maxlength="100" onkeydown="return loginCls['_0'].loginEnterAction(event);" onfocus="Element.addClassName(this, 'highlight');" onblur="Element.removeClassName(this, 'highlight');" /><label class="login_label">パスワード</label><input id="password_0" class="login_input" type="password" name="password" maxlength="100" onkeydown="return loginCls['_0'].loginEnterAction(event);" onfocus="Element.addClassName(this, 'highlight');" onblur="Element.removeClassName(this, 'highlight');" /><div class="login_buttons"><a class="login_popup_btn login_login_button link" href="#" onclick="loginCls['_0'].loginAction(event); return false;" onfocus="loginCls['_0'].focusBtn(this);" onblur="loginCls['_0'].blurBtn(this);"><table summary="ログイン"><tr><td class="login_popup_upperleft_btn"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="login_popup_upperleft_btn" /></td><td class="login_popup_upper_btn"></td><td class="login_popup_upperright_btn"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="login_popup_upperright_btn" /></td></tr><tr><td class="login_popup_left_btn"></td><td class="login_popup_inside_btn">ログイン</td><td class="login_popup_right_btn"></td></tr><tr><td class="login_popup_belowleft_btn"></td><td class="login_popup_below_btn"></td><td class="login_popup_belowright_btn"></td></tr></table></a><a class="login_popup_btn link" href="#" onclick="commonCls.removeBlock('_0');return false;" onfocus="loginCls['_0'].focusBtn(this);" onblur="loginCls['_0'].blurBtn(this);"><table summary="キャンセル"><tr><td class="login_popup_upperleft_btn"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="login_popup_upperleft_btn" /></td><td class="login_popup_upper_btn"></td><td class="login_popup_upperright_btn"><img src="http://www.netcommons.org/images/common/blank.gif" alt="" title="" class="login_popup_upperright_btn" /></td></tr><tr><td class="login_popup_left_btn"></td><td class="login_popup_inside_c_btn">キャンセル</td><td class="login_popup_right_btn"></td></tr><tr><td class="login_popup_belowleft_btn"></td><td class="login_popup_below_btn"></td><td class="login_popup_belowright_btn"></td></tr></table></a><br class="float-clear" /></div><div class="login_popup_bottom_btn"><a class="link" href="#" onclick="commonCls.sendPopupView(event, {'action':'login_view_main_forgetpass','prefix_id_name':'login_popup_forgetpass'},{'top_el':$('_0'),center_flag:1});return false;">パスワード紛失</a></div></form>

    </div></td><td class="th_system_right"></td></tr><tr><td class="th_system_belowleft"></td><td class="th_system_below"></td><td class="th_system_belowright"></td></tr></table>

    </td></tr></table><script type="text/javascript" src="http://www.netcommons.org/js/japanese/lang_common.js"></script><script type="text/javascript" src="http://www.netcommons.org/index.php?action=common_download_js&amp;dir_name=login&amp;system_flag=0&amp;vs=20100510095247"></script><script type="text/javascript">commonCls.moduleInit("_0",0);
    if(!loginCls["_0"]) {
    loginCls["_0"] = new clsLogin("_0");
    }
    loginCls["_0"].loginInit();

    loginCls["_0"].tokenValue = "";

    commonCls.focus($('login_form_0'));
    </script></body></html>

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

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

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

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