转载:Javascript调试技巧

Posted on 2009-02-12 15:44 Robert Su 阅读(342) 评论(0)  编辑  收藏
在调试JavaScript时可以在代码中加入一些行,来作为判断条件
 1,alert();
 如果你的代码出错崩溃了,你可以在预期出错位置之前加入该语句,判断错误是否在该位置之后!多次加入,就可以逐渐靠近错误位置了;如果使用alert() 只是为了查看变量值,有时候将变量值在window.status上显示出来更好;
2,confirm();
该函数会根据你的选择返回true或者false,于是你可以选择分支执行了;
3,prompt();
 这个就更厉害了,你可以使用它把你的变量值给修改了;比如:s="我不知道";s=prompt("请设定",s);你可以在这里把s给修改成"我爱 你!",嘿嘿! 让程序有应付某些异常的功能是必要的: 要想得到详细的错误报告你可以使用 window.onerror 或 try..catch 语句。这会让代码直接运行,不会因某个错误而终止挂起,从而在代码执行完成后报告出所有的错误。 建议: 把代码缩排做好;养成一些良好的习惯,通俗说是风格。 调试工具: 工具有很多,用着顺手就好了,我有VS就不需要别的了。这里有很多别人列举的工具,我也没用过:


在IE中一定要启用错误报告。如果使用的是 windows,可以利用 Microsoft Script Debugger。如果需跟踪一个错误,你可以利用角本中的 debugger 关键字控制角本在调试模式下执行。
推荐主要使用 ie 测试,用 op7 或 moz 来调试。
在 Op7 当中,一定要启用 在JavaScript Console 中 JavaScript 错误报告。
Op7 的 JavaScript Console 远比 ie 错误报告要好些,拥有更好的代码跟踪功能,更容易看到函数调用来源。并且可以报告出正确的错误行,不同于 iew 。 在 moz 中有很多工具。可利用 Mozilla JavaScript Console,它可以报告错误和警告,并且允许做简单的角本赋值。可以启用严厉警告提示出许多潜在错误位置。可以使用 DOM Inspector 显示 document 树,stylesheets 树,computed styles,JavaScript 对象。
可以用 Venkman (Mozilla JavaScript Debugger)获取更高级的 JavaScript 调试工具。可供使用的有 Ian Hickson’s JavaScript Evaluation Sidebar 或者 Jesse Ruderman’s JavaScript Environment、view scripts bookmarklet、JavaScript Shell 或者 view variables bookmarklet 或者 ViewScripts bookmarklet 。 在 konq 当中,靠自己的力量要更多些,使用一些源代码的技巧。
 在 saf 中需要启用隐藏调试菜单(Hiden debug menu),不用在系统控制台显示毫无意义的错误信息,使用 Show DOM Tree 功能会更有用。如果你启用了显示调试菜单,Safari不运行,在终端使用下面的命令: defaults write com.apple.Safari IncludeDebugMenu 1

只有注册用户登录后才能发表评论。


网站导航:
 

posts - 103, comments - 104, trackbacks - 0, articles - 5

Copyright © Robert Su