调试js的方法.doc

原文：
javascript基础调试设施: log4js

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

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

    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'>"+
        "<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信息了。

心得：
1、 把上面表格中的代码放置在一个新建的js文件中，例如：log.js
2、 在需要调试js的页面中，引用log.js文件，如下：
<script language=javascript src="/XXX/js/log.js"></script>
3、 对于需要输出调试信息的js代码段，加入log(x)函数调用即可，不过，需要注意的是，对于log函数的参数，文本类型的参数需要单引号括起来，数字则不需要。
4、 测试的时候，在执行完browers端的js代码后，按F1键即可显示出log信息。或者在执行browers端的js代码之前，按F1键也可以。