Javascript功能不算弱,但语法不严谨,给阅读带来比较大的麻烦。一般来说,读代码通过单步调试的方法是比较理想的,起码在局部范围可以迅速理解代码段的用途和含义。不巧的是,Javascript好像还没有一个非常专业的IDE及调试器,所以,一般用的是Firefox的Javascript Debugger插件,或者是VS提供的脚本调试器。

这里再提供一个比较不错的调试方法。创建一个debug.js文件,内容如下:

function showDebug() {
window.top.debugWindow =
window.open("",
"Debug",
"left=0,top=0,width=300,height=700,scrollbars=yes,"
+
"status=yes,resizable=yes");
window.top.debugWindow.opener = self;
// open the document for writing
window.top.debugWindow.document.open();
window.top.debugWindow.document.write(
"<HTML><HEAD><TITLE>Debug Window</TITLE></HEAD><BODY><PRE>\n");
}
 
function debug(text) {
if (window.top.debugWindow && ! window.top.debugWindow.closed) {
window.top.debugWindow.document.write(text+"\n");
}
}
 
function hideDebug() {
if (window.top.debugWindow && ! window.top.debugWindow.closed) {
window.top.debugWindow.close();
window.top.debugWindow = null;
}
}

使用也很简单,在要调试的地方加上语句debug(val)就可以了,最后,在window.onload中加入showDebug(); 如果不想调试了,就把showDebug注释掉。

这个方法不是我的原创,但是用下来感觉不错,至于原文,已经找不到了,如果哪位大虾找到原文,麻烦通知下,免我落个不厚道的名声。谢谢。


评论

该日志第一篇评论

发表评论

评论也有版权!