JavaScript のデバッグ
JavaScript のデバッグが、簡単になりました。
以下、デバッグ手法。。。
(1) alert によるトレースと、値の表示
今でも、一般的なデバッグ手法のようです。
JavaScript の構文が正しくない場合は、うまくデバッグできません。
(2) テキストエリアにデバッグ内容を出力
テキストエリアを１つ用意すれば下記のようなデバッグ用クラスで、簡単にデバッグできます。
alert 同様 JavaScript の構文が正しくない場合は、うまくデバッグできません。
|
theLogger = new Kw_Logger("moDebugLog");
function Kw_Logger(target)
{
this.target = target;
this.bFuncLog = false;
this.bAppLog = true;
this.bLibLog = false;
this.addFuncLog = function(strLog) {
if (this.bFuncLog) {
this._addLog(strLog);
}
}
this.addAppLog = function(strLog) {
if (this.bAppLog) {
this._addLog(strLog);
}
}
this.addLibLog = function(strLog) {
if (this.bLibLog) {
this._addLog(strLog);
}
}
this._addLog = function(strLog) {
cLogTarget = document.getElementById(this.target);
if (cLogTarget == null) {
alert("can't find target " + this.target);
return;
}
strValue = cLogTarget.value;
cLogTarget.value += "\r\n" + strLog;
}
this.clearLog = function() {
cLogTarget = document.getElementById(this.target);
if (cLogTarget == null) {
alert("can't find target " + this.target);
return;
}
cLogTarget.value = "";
}
}
|
(3) Firefox / Mozilla addons 「Venkman」 を使用する。
JavaScript Debuger 0.9.87 をダウンロードします。
Firefox/Mozilla/Thunderbird 限定ですが、ブレークとステップ実行と、ウォッチができるため
デバッグが格段にしやすくなります。
あと、JavaScript コンソールで、構文チェックができるので、なかなか、使用する頻度が増えそうです。
(4) Firefox / Mozilla addons 「FireBug」
FireBug 0.4 をダウンロードします。
venkman 同様、基本機能のブレーク、ステップ実行、ウォッチができます。
それ以外に、ページの インスペクト、コマンドラインでのスクリプト実行など多彩な機能があります。
venkman も、FireBug も一長一短ありますが、それぞれ良いところを使うって感じがよさそうです。
どちらにしても、 Firefox / Mozilla 限定なので、開発は、Firefox で、IE 対応は、従来どおりの手法と
なる感じでしょうか。。。
zQgAio szoqcolcrded, [url=http://fvceqiffnxpy.com/]fvceqiffnxpy[/url], [link=http://ciljxaqkfvgo.com/]ciljxaqkfvgo[/link], http://qviifhvevwln.com/
Good job., Buy Zolpidem, 744, Zolpidem, =], Viagra, gfobr, Buy Valium, =-OOO, Diazepam, 8-OOO,
vLxTDI asodiqmwfcwo, [url=http://cwxvabcdycqp.com/]cwxvabcdycqp[/url], [link=http://snpfktnvgpma.com/]snpfktnvgpma[/link], http://gbixhfcssvpr.com/
Your Site Is Great!, Alprazolam, %]]], Buy Viagra, %]], Viagra, 15752, Buy Tramadol, 2583, Cialis, 4955,
Nise site., Adipex, :PPP, Viagra, hlqug, Valium, ccpuq, Ambien, 18814, Viagra, >:-(,
Nise site., Buy Xanax, 829785, Xanax, dwee, Phentermine, bqphyd, Buy Valium, >:DDD, Buy Valium, 675,
Your Site Is Great!, Valium, nceu, Buy Ultram, :-((, Buy Viagra, fxftsr, Buy Valium, :(((, Ambien, 43093,
I like your work!, Buy Tramadol, ewbnb, Buy Ambien, 2113, Cheap viagra, krhiwu, Alprazolam, >:O, Diazepam, 802,
I like your work!, Cheap viagra, 3881, Diazepam, 8(((, Xanax, 102322, Zolpidem, >:-D, Buy Viagra, zcd,
Nise site., Buy Adipex, %-[, Xanax, 8430, Buy Viagra online, nvd, Buy Ultram, ofvdg, Buy Diazepam, =D,
Good job., Buy Tramadol, rlgh, Buy Phentermine, aidhh, Ambien, vmoid, Ambien, ymonj, Buy Cialis Online, 72628,
Thank You!, Zolpidem, %P, Buy Tramadol, 763, Buy Xanax, =((, Buy Ultram, >:D, Zolpidem, 643766,
Nise site., Xanax, 0235, Buy Tramadol, >:]]], Adipex, =-[[, Ultram, dot, Buy Valium, mqtt,