- ベストアンサー
JavaScriptのDebugが出来るソフト
お世話になります。 現在、JavaScriptとAjaxのプログラムを組みましたが、非常に細かいところの差異で上手く動いたり、動かなかったりします。 つきましては、JavaScript、Ajax、PHPでのプログラム作成においてDebugができるソフトがあればご紹介下さい。 【一例】 下記コードのcheckとcheck()の違いで上手くいきませんでした。 <html> <head> <meta http-equiv=content-type" content="text/html;charset=utf-8"> <title>Web_data_source</title> <script type="text/javascript"><!-- function getFile() { filename = prompt("test_web.txt","http://localhost/test_web.txt"); //filename = prompt("test_web.txt","http://www.yahoo.co.jp/"); if (!filename) return; xmlhttp = createXMLHttp(); // xmlhttp = xhtttp alert("OK1"); alert(xhttp); if (xhttp !=null) { //alert("ok2-4") xhttp.onreadystatechange = check;←ここの()有る無しで動きませんでした。 xhttp.open("GET",filename,true); //alert("OK2") xhttp.send(null); } //} function check() { if (xhttp.readyState == 4 && xhttp.status == 200) { document.aForm.tArea.value = xhttp.responseText; //document=xhttp.responseText; alert("OK"); }else{ alert("NG"); alert(xhttp.readyState); alert(xhttp.status); } } // XMLHttpオブジェクト作成 function createXMLHttp() { try { //return new ActiveXObject("Msxml2t.XMLHTTP"); //IE用 //alert("OK4"); xhttp= new XMLHttpRequest(); //Firefox用 alert("OK3"); }catch(e){ try { xhttp = new ActiveXObject("Msxml2t.XMLHTTP"); alert("OK3-1"); }catch(e2){ try { xhttp= new ActiveXObject("Microsoft.XMLHTTP") // return null; alert("OK3-2"); }catch(e3){ xhttp= null; } } } } } --></script> </head> <body> <form name="aForm"> <input type="button" value="get file" onClick="getFile()"><br> <textarea cols="40" rows="20" id="tArea"></textarea> </body> <html> 宜しくご回答頂けます様お願いします。
- new-OKWave
- お礼率92% (89/96)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
> Firebugの使用方法を詳細に記してある参考書またはサイトをご存知でしたら ちょっと古いですが、下記記事が参考になると思います。 特集:Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社 http://gihyo.jp/dev/feature/01/firebug JavaScript開発ツールの本命！ FirebugとAptana（1/3） － ＠IT http://www.atmarkit.co.jp/fwcr/rensai/freeauthoring04/freeauthoring04_1.html
その他の回答 (2)
- think49
- ベストアンサー率59% (285/482)
> つきましては、JavaScript、Ajax、PHPでのプログラム作成においてDebugができるソフトがあればご紹介下さい。 私は主にFirebugを使ってJavaScriptはデバッグしています。 他はあまり経験がないのです(一回は試すようにしています)が、Companion.JS はconsoleが使えるので重宝すると思います。 - Firebug - Google Chromeの [JavaScriptをデバッグ] - Dragonfly (Opera) - Companion.JS (IEアドオン) - DebugBar (IEアドオン) Firebug Japanese :: Firefox Add-ons https://addons.mozilla.org/ja/firefox/addon/5165 My DebugBar | CompanionJS / ConsoleAPI http://www.my-debugbar.com/wiki/CompanionJS/ConsoleAPI Opera Dragonfly 入門 (Japanese) - Opera Developer Community http://dev.opera.com/articles/view/opera-dragonfly-japanese/
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
> 下記コードのcheckとcheck()の違いで上手くいきませんでした。 関数を呼び出す（実行する）ときにカッコをつけます。 Ajaxの前に、JavaScriptの基本文法からやり直した方が良いと思います。 （checkとcheck()の違いだけわかっても、その先のDOMでつまづくと思うので) function plus(a, b){ var sum= a+b; alert(sum); } plus(2, 3); //カッコあり var tasu=plus; // カッコなし tasu(5, 4);
お礼
お礼が遅れまして申し訳ありません。 参考書は初心者向けのものを５冊程購入して、比較読みしていたのですが、どれも同じような内容で部分的にしか役立っていません。 その為、文法については正式に習得しているとは言えない状態です。 ＞Ajaxの前に、JavaScriptの基本文法からやり直した方が良いと思います。 ⇒厳しいが的確なアドバイスを頂き本当に有り難うございます。 ご迷惑ついでになり申し訳ありませんが、推奨図書があればご紹介頂けます様お願いします。
お礼
お礼が遅れまして申し訳ありません。 Firebugは私もインストールしているのですが、今ひとつ使い方が良く分かりません。 つきましては、重ね質問になり申し訳ありませんがFirebugの使用方法を詳細に記してある参考書またはサイトをご存知でしたらご紹介頂けます様お願いします。