javascript的调试

Posted on 2006-03-02 20:15 killvin 阅读(204) 评论(0)  编辑  收藏 所属分类: javascript

javascript的调试相当繁琐,alert不能有效地起到调试作用,原因在于:
1, alert只能在开发期使用,不能在产品交付中继续alert debug info
2, 就算在开发期,频繁的alert会导致调试效率低下。
一个简单的log就会有很大帮助。下面就是我在现实生活中使用的javascript log方法。
把它包含在一个全局import的js里面,以后代码就可以采用log()的方式来进行了。

当然,若谁有时间改造为log4j那样的可以按照分类打开或关闭log,再分上info,error什么的log级别就更好了。不过下面的简单方法就够我用拉。

common.js

function log(v)
{
     var s = "<li><font color=blue>"+new Date()+"</font> "+v+"</li>";
     logPanel_log.innerHTML+=s;
}

window.onhelp = function()
{
     logPanel.style.display=logPanel.style.display=='none'?"block":"none";
     return false;
}

document.write(
 "<div id=logPanel style='display:none;text-align:right'>"+
    "<button onclick=\"logPanel_log.innerHTML='';\">clear</button>&nbsp;"+
    "<button onclick=\"logPanel_log.innerHTML+='<hr>';\">HR</button>"+
    "<div id='logPanel_log'></div></div>");

它覆盖了默认的IE 按F1键显示IE help的行为,现在按下F1就能够显示log信息了。

摘自 redsaga满江红 http://www.blogcn.com/User6/caoxg/blog/5705836.html