人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
JavaScriptで動的に作成されるhtml部分の取得には､なにの言語が一番向いているでしょうか｡
.NETのWebBrowserなどを使うのが一番なのでしょうか｡
●質問者: maintour15
●ｶﾃｺﾞﾘ:ｺﾝﾋﾟｭｰﾀ ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件
▽最新の回答へ
▽1 ● mjy
●50ﾎﾟｲﾝﾄ

言語でいうならば JavaScript だと思います｡
PhantomJS などのﾂｰﾙ､ﾗｲﾌﾞﾗﾘが良さそうです｡

maintour15さんのｺﾒﾝﾄ
ご回答有り難うございます｡ その後に数値を判別して別のｿﾌﾄをｸﾘｯｸしたいのですが､PhantomJSでも可能でしょうか｡
mjyさんのｺﾒﾝﾄ
PhantomJS は内部的に Webkit 互換のﾌﾞﾗｳｻﾞを持っていて､それを操作したり､そこから情報を取ったりする物です｡ 他のｿﾌﾄを操作するなら別のﾂｰﾙと組み合わせる必要があるでしょう｡
▽2 ● lang_and_engine
●50ﾎﾟｲﾝﾄ

COMでIEを自動操作している限り，言語は問わないと思いますよ｡
(InternetExplorer.ApplicationでCreateObjectする)

ﾘｯﾁUIのｽｸﾚｲﾋﾟﾝｸﾞをしたい場合，ﾌﾞﾗｳｻﾞ上での再現性がものを言います｡
ならば，ﾌﾞﾗｳｻﾞそのものを自動で動かせばよい｡というわけです｡

ﾊﾟｹｯﾄをﾍﾞｰｽにした自動通信だと，UIの動的な再現がたいへんです｡
その大変な作業はﾌﾞﾗｳｻﾞに肩代わりしてもらうのです｡
ｽｸﾚｲﾋﾟﾝｸﾞする側は，HTMLからWebﾍﾟｰｼﾞを自力で再現しようと頑張る必要はなく，
あくまで再現済みのWebﾍﾟｰｼﾞを相手にすればよい｡

自作ﾌﾟﾛｸﾞﾗﾑ内にﾌﾞﾗｳｻﾞｺﾝﾄﾛｰﾙを埋め込んで，
その窓の中でWebﾍﾟｰｼﾞを表示して･･･
という発想も，｢Webﾍﾟｰｼﾞの再現を自力で行なわない｣と言う点では
悪くはないのですが
ﾌﾞﾗｳｻﾞをちゃんと再現しきれないですよね｡(複数ｳｨﾝﾄﾞｳなど)
自作ﾌﾟﾛｸﾞﾗﾑでは，ﾌﾞﾗｳｻﾞｺﾝﾄﾛｰﾙの枠をはみ出るようなﾌﾞﾗｳｻﾞの挙動を再現できない，ということです｡

自作ﾌﾟﾛｸﾞﾗﾑで，ﾌﾞﾗｳｻﾞの機能を再現しようと頑張るのではなく，
はじめからﾌﾞﾗｳｻﾞを自動操作すればよい
という発想法を持つと作業が楽になりますね｡

lang_and_engineさんのｺﾒﾝﾄ
(補足) ＞(Webﾍﾟｰｼﾞ側で)出力されたものによっては，他のｿﾌﾄをｸﾘｯｸしたい COMを使うならば言語は問わない，と先に述べましたが， たとえばUWSCを使うとしましょう｡ CreateObjectでIEを立ち上げ，目的とするWebﾍﾟｰｼﾞを開きます｡ DOM操作によって，Webﾍﾟｰｼﾞを操作します｡ そののち｢html部分の取得｣をしたいならば，innerHTMLを取得して正規表現などで文字列判定すればよいですね｡ ﾎﾞﾀﾝの文言を取得したい，など特定のHTML部品の属性を調べたいのであれば，DOM操作によって取得できます｡ ここまでで，Webﾍﾟｰｼﾞの情報を取得して，意味のある情報(判断を下すために必要な情報)を抽出し終わりました(Webｽｸﾚｲﾋﾟﾝｸﾞの完了)｡ この時点で，もうﾌﾞﾗｳｻﾞは不要ですから，UWSC側でIEはもう閉じてしまいます｡ そこからはIEに関係のないｺｰﾄﾞを書きます｡ ｸﾘｯｸしたいｿﾌﾄのｳｨﾝﾄﾞｳﾀｲﾄﾙを指定して，getId関数などで，そのｿﾌﾄを自動操作します｡ ﾏｳｽｸﾘｯｸがしたいのであればBTN関数，ｷｰﾎﾞｰﾄﾞ操作ならばKBD関数を呼びます｡ このように，IEを自動操作した後で，別のｿﾌﾄを自動操作すればよい というわけです｡ 上の例はUWSCでしたが，他の言語でも同様の処理内容にすればOKですね｡
maintour15さんのｺﾒﾝﾄ
ご回答有り難うございます｡ UWSCは5年前から使っておりまして､簡易的なｸﾛｰﾗｰ等は作っていたのですが､今回､どうもJavascriptが実行されなければﾌﾚｰﾑ内がﾚﾝﾀﾞﾘﾝｸﾞされないｻｲﾄで､ﾌﾚｰﾑ内を取得することが出来ませんでした｡ (自分より玄人の方でもUWSCでは無理かもと言いっていました｡) そうなってしまいますと､Javascriptを実行させた後のHTMLを取得するには､何かしらの言語で取得し､それを比較的得意なUWSCで読み取り条件分岐するしかないかと思い奮闘しておりました｡ ﾌﾚｰﾑ内をJavascriptでﾚﾝﾀﾞﾘﾝｸﾞしている場合は､どうなのでしょうか｡ また､そのﾚﾝﾀﾞﾘﾝｸﾞされたﾌﾚｰﾑ内で､とある箇所がとある時間にJavascriptで更新(数値発表)されます｡ それを100ﾐﾘ秒毎に監視したいので､ｻｰﾊﾞ負担のかかるhttpｱｸｾｽではなくﾌﾞﾗｳｻﾞのHTMLを高速で読み込みを繰り返し､変化があればそれを取得､条件分岐で動作にしたいとおもうのですが､ご教授頂けますと幸いですm(__)m
lang_and_engineさんのｺﾒﾝﾄ
どうもです｡ ＞Javascriptが実行されなければﾌﾚｰﾑ内がﾚﾝﾀﾞﾘﾝｸﾞされない すみませんが，これは正確にはどういう意味でしょう･･･｡ ﾍﾟｰｼﾞ側のｺｰﾄﾞなのか，ﾕｰｻﾞ側の独自のｺｰﾄﾞなのか， ﾍﾟｰｼﾞ側で呼び出しているのか，ﾕｰｻﾞ側で呼び出しているのか Webｻｲﾄの正規の機能のﾙｰﾄとして呼び出すのか，正規でない勝手な呼び出しなのか などによって何通りかに解釈できるのですが･･･ (1)ﾍﾟｰｼﾞ側のｺｰﾄﾞをﾍﾟｰｼﾞ側で呼び出す｡ ﾍﾟｰｼﾞ側でonloadｲﾍﾞﾝﾄなどで勝手に実行されるJavaScript｡ (2)ﾍﾟｰｼﾞ側のｺｰﾄﾞを，ﾕｰｻﾞ側で正規のﾙｰﾄで呼び出す｡ ﾍﾟｰｼﾞ内のﾎﾞﾀﾝを押した時のｲﾍﾞﾝﾄなどで手動実行される，ﾍﾟｰｼﾞ側の正常な機能の挙動として想定されているJavaScript｡ (3)ﾍﾟｰｼﾞ側のｺｰﾄﾞを，ﾕｰｻﾞ側で非正規に呼び出す｡ ﾍﾟｰｼﾞ内で正規のﾙｰﾄとして実行が想定されていないが，ﾍﾟｰｼﾞ側に含まれているJavaScriptｺｰﾄﾞ｡ 例えばﾍﾟｰｼﾞ側に記載されている関数を，ﾕｰｻﾞ側で独自の形式で呼び出したい｡ (4)ﾕｰｻﾞ側のｺｰﾄﾞをﾍﾟｰｼﾞ内で実行したい｡ ﾍﾟｰｼﾞ側で想定されていない処理を，ﾕｰｻﾞ側で考えて，勝手にﾍﾟｰｼﾞ上で実行したい｡ 例えば，昔はやった javascript:document.body.innerHTML=document.body.innerHTML.replace(/ｰ/g,'━━━(ﾟ∀ﾟ)━━━');focus(); のように，Webﾍﾟｰｼﾞ側でもともと想定されていないﾍﾟｰｼﾞ上の挙動を，ﾕｰｻﾞ側で独自に考えて引き起こしたい｡ ＞ﾌﾚｰﾑ内をJavascriptでﾚﾝﾀﾞﾘﾝｸﾞしている ﾚﾝﾀﾞﾘﾝｸﾞしているのは，Webﾍﾟｰｼﾞの正規の挙動でしょうか｡(｢ﾚﾝﾀﾞﾘﾝｸﾞしている｣のが誰なのか主語が知りたいです｡ｵﾚｵﾚJavaScriptをﾕｰｻﾞ側で注入しているということでしょうか？) 正規の挙動で，しかもﾌﾚｰﾑがWebﾍﾟｰｼﾞと同一のﾄﾞﾒｲﾝなのであれば， ﾌﾚｰﾑ内にDOMｱｸｾｽすればよいのではないでしょうか｡ ＞ﾚﾝﾀﾞﾘﾝｸﾞされたﾌﾚｰﾑ内で､とある箇所がとある時間にJavascriptで更新(数値発表)されます｡それを100ﾐﾘ秒毎に監視したい 100ﾐﾘ秒おきにﾌﾚｰﾑ内にDOMｱｸｾｽすればよいのでは｡(負荷もかからずにすみます｡)
maintour15さんのｺﾒﾝﾄ
ご丁寧なご解説有り難うございます｡ (1)ﾍﾟｰｼﾞ側のｺｰﾄﾞをﾍﾟｰｼﾞ側で呼び出す｡ ﾍﾟｰｼﾞ側でonloadｲﾍﾞﾝﾄなどで勝手に実行されるJavaScript｡ になります｡ ﾌﾚｰﾑが数個あり､それらの中をjavascriptによって出力しているので､Javascriptを実行できないUWSCのinnerHTMLですと取得が出来ない状態でした｡ (多く配布されている用をﾁｪｯｸｽｸﾘﾌﾟﾄでも､ﾌﾚｰﾑの中身だけ取得ｴﾗｰとなっていました｡)
maintour15さんのｺﾒﾝﾄ
＞100ﾐﾘ秒おきにﾌﾚｰﾑ内にDOMｱｸｾｽすればよいのでは｡(負荷もかからずにすみます｡) というのはUWSCのinnerHTMLでもOKでしょうか｡ 極力UWSCが有り難いのですが､必要であれば.NETなども簡易的なｺｰﾄﾞだけでも書いて取得したりしなければならないのかと持っております｡
lang_and_engineさんのｺﾒﾝﾄ
ありがとうございます｡状況がなんとなくわかりました｡ ずばり， ｢JavaScriptでの，ﾌﾚｰﾑ要素に対するDOM操作｣ をよく調べれば解決するのでは？ http://yakinikunotare.boo.jp/orebase/index.php?Javascript%2Fiframe%A4%CE%C3%E6%BF%C8%A4%F2%C1%E0%BA%EE%A4%B9%A4%EB ﾌﾚｰﾑ要素.contentWindow.document.getElementById(ﾌﾚｰﾑ内で取得したい要素) ↑こういったｺｰﾄﾞをすでに十分に活用なさっていますか？ innerHTMLだと，こうやって親ﾌﾚｰﾑからﾌﾚｰﾑ内の子要素をたどる，などの操作ができません｡ ＞ﾌﾚｰﾑが数個あり ﾌﾚｰﾑとはFRAMESETでしょうか，それともIFRAMEでしょうか｡ 数個あるというのは，入れ子になっているのでしょうか(ﾌﾚｰﾑの階層が深くなってゆく？) それとも同一の階層上で複数のﾌﾚｰﾑが存在するのでしょうか｡ ﾘｯﾁUIのWebｽｸﾚｲﾋﾟﾝｸﾞでは，innerHTMLを使ってはﾀﾞﾒです｡ なぜなら，innerHTMLは単なる文字列ですから， それ以上の内部のDOM構造をたどることができなくなってしまうからです｡ 文字列ではなく，構造のあるﾃﾞｰﾀやｵﾌﾞｼﾞｪｸﾄ(DOM構造)を相手にするとうまくいきます｡
maintour15さんのｺﾒﾝﾄ
ご解説有り難うございます｡ ｱｲﾌﾚｰﾑではなく､<frame というﾀｸﾞになります｡ それでも頂いた情報で大丈夫そうでしたら､じっくり時間をかけて試してみたいのですが･･･ 何度も誠に恐れ入りますが､宜しくお願い致します｡ <head> function getRedirectTargetPath(){ var path = "ges.jsp?ric=JPIP4=ECI,0,0;TRUNR=ECI,0,0;EUTBAL=ECI,0,0&ServerName=&debug=false"; return path; } </script> <title>FX外為どっとｺﾑ</title> </head> <frameset cols = "100%,0%" border="0"> <frame name="f1" id="f1" src="common/check_ajax_mode.jsp" /> <frame name="f2" id="f2" src="blank.jsp" /> </frameset> </html>
maintour15さんのｺﾒﾝﾄ
ちなみにﾍﾟｰｼﾞのURLの拡張子はjspです｡
maintour15さんのｺﾒﾝﾄ
失礼しました､aspxでした｡
maintour15さんのｺﾒﾝﾄ
すみません､やはり拡張子はJSPでした｡ .contentWindow.document.getElementByIdでは取得できず､調べた所､JSPですとｿｰｽｺｰﾄﾞにはﾀｸﾞが出力されていてもDOMｱｸｾｽなどでは取得出来ない場合もあるようなQ&Aが出来てましたので､そういった可能性があるのかもしれませんね｡｡
lang_and_engineさんのｺﾒﾝﾄ
これはWeb技術の，ものすごく初歩の知識なのですが，， ﾌﾞﾗｳｻﾞで見れている場合，拡張子は関係がないのです｡ jsp, php, asp, その他どんな拡張子であっても， 画面に見えているのがHTMLであれば，全部同じです｡ UWSCなどのﾂｰﾙからgetElementByIdする場合も， それらは全部，単なるHTMLとして扱われます｡(.htmlを相手にするのと同じ) DOMｱｸｾｽで取得できないのは，DOMではない場合｡ つまりHTMLﾀｸﾞではない場合です｡ HTMLに埋め込まれたFlashとか，Javaｱﾌﾟﾚｯﾄなどが該当します｡ Flashやｱﾌﾟﾚｯﾄは，HTMLﾀｸﾞで作られていません｡なのでDOMｱｸｾｽできないのです｡ 逆に，HTMLﾀｸﾞで作られているものは，DOMですべて同じように扱えるんですよ｡
maintour15さんのｺﾒﾝﾄ
ご解説有り難うございます｡ 情報が足りるか自信が無いのですが､下記はDOMでは無いのでしょうか｡ また､もう連絡が取れない方が簡易ﾌﾞﾗｳｻﾞを作って取得してくれた例もあったのですが､Javaｱﾌﾟﾚｯﾄなどの場合はUWSCではなく､そういった簡易ﾌﾞﾗｳｻﾞで取得するしかありませんでしょうか｡ またその場合､httpｱｸｾｽで都度負担を掛けなくてもｿｰｽｺｰﾄﾞ監視する事は可能なのでしょうか｡ 長々と恐れ入ります｡｡ 会員制なのでｿｰｽｺｰﾄﾞは下記にご用意させて頂きました｡ JSはこちらへｱｯﾌﾟ致しました｡ 【utils-003.js】http://pastie.org/9973588 【check_ajax_mode.jsp】http://pastie.org/9973595 【ges_data-001.js】http://pastie.org/9973602 ▼親ﾍﾟｰｼﾞ(対象ﾍﾟｰｼﾞ) ------------------------------------------------------------------------------ <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function getRedirectTargetPath(){ var path = "ges.jsp?ric=USEHSP=ECI,0,0&ServerName=&debug=false"; return path; } </script> </head> <frameset cols="100%,0%" border="0"> <frame name="f1" id="f1" src="common/check_ajax_mode.jsp"> <frame name="f2" id="f2" src="blank.jsp"> </frameset> </html> ------------------------------------------------------------------------------ ▼ﾌﾚｰﾑ内ﾍﾟｰｼﾞ(<frame name="f1" id="f1" src="common/check_ajax_mode.jsp"> 内) ------------------------------------------------------------------------------ <!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"> <head> <link href="css/main-004.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/utils-003.js"></script> <script type="text/javascript" src="js/ges-007.js"></script> </head> <script> function closeWindow(){ try{ top.close(); }catch(e){} try{ window.close(); }catch(e2){} } </script> <body onunload="disconnectAJAX();" onload="loadJSPParamToJS('USEHS=ECI,USEHSP=ECI',2,'2B14BB1CD77D2883F5D74CFF8F1334F7A36C911151892005A26DB07A75F3109A382F75FF4F13E21757299F3E2E13446457EE35F3E866795F291133CE2BF8C3C91AE1899855BB2AB2CA052BBFFCCFE180','0','false','p0','false','0,0');init();"> <bgsound id="soundfiles"> <div id="bodyContainer"> <div id="container"> <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tbl1"> <tr> <th width="6%" class="text_center">音</th> <th width="6%" class="text_center">国</th> <th width="12%">日付JST</th> <th width="31%">指標名</th> <th width="6%" class="text_center">期間</th> <th width="17%" style="text-align:right">発表数値</th> <th width="11%" style="text-align:right">調査予想</th> <th width="11%" style="text-align:right">前回</th> </tr> <tr > <td class="text_center"><img name='soundImage1' id='soundImage1' src="img/off.gif" title="off" width="34" height="16" /></td> <td class="text_center"><img src="img/country/us.gif" title="米国" width="22" height="15" /></td> <td class="" name='dt1' id='dt1'>--</td> <td><span class="big_show" name='name1' id='name1' >中古住宅販売戸数</span></td> <td class="text_center" name='pe1' id='pe1' >--</td> <td align="right"><span class="" name='av1' id='av1'>--</span></td> <td align="right" class="" name='sv1' id='sv1'>--</td> <td align="right" class="" name='pr1' id='pr1'>--</td> </tr> </table> </div> </div> <span id="iframeSpan" name="frameSpan"></span> <script> var titleStr = "<h1>本日のﾘｱﾙﾀｲﾑ</h1>"; try{ document.getElementById("dateSpan").innerHTML = titleStr; }catch(e){} var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf("msie") == -1 ){ document.getElementById("iframeSpan").innerHTML = "<iframe id=\"playSoundFrame\" name=\"playSoundFrame\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" width=\"1\" height=\"1\" scrolling=\"no\" src=\"playSound.jsp\"></iframe>"; } </script> </body> </html> ------------------------------------------------------------------------------ ▼ﾌﾚｰﾑ内ﾍﾟｰｼﾞ(<frame name="f2" id="f2" src="blank.jsp"> 内) ------------------------------------------------------------------------------ <head><script type="text/javascript" src="js/ges_data-001.js"></script> <script>loadRic();</script></head> ------------------------------------------------------------------------------
● 質問者から

その出力されたものによっては他のｿﾌﾄをｸﾘｯｸしたいので､ﾌﾞﾗｳｻﾞ処理のJavascriptじゃないほうが良いのではと思うのですが､いかがでしょうか｡

関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ