调试JavaScript/VbScript

如果要写大规模的JS脚本，没有调试器是不保险的，下面介绍脚本调试器的情况。当然，如果是规模比较小的脚本代码，也可以简单通过alert/msgbox等辅助输出观察程序流程，省略调试步骤。

 

    提到脚本首先想到的是浏览器（Browser），其实主流浏览器都提供了良好的脚本调试接入支持，下面先来看一下IE。

 

IE

    IE默认是关闭即时调试的（JIT Debug），要打开JIT Debug，需要在IE的Tools->Internet Options的Advanced里uncheck 'Disable Script Debugging(Internet Explorer).'和uncheck 'Disable script debuging(Other)'。当browser里出现脚本错误的时候，就会弹出一个这样的warning dialog：
   
    点击Yes后，将出现如下窗口： 
   

    那么脚本要是不明显的出语法错误怎么设断点呢？这里有两个办法，一个是使用IE View菜单里的Script Debugger子菜单(这个菜单是在IE的Tools->Internet Options->Advanced里设置过才会出来的)： 
   
    "Open"就和上面说到到的点"Yes"后出来的窗口一样，点"Break at Next Statement"比较的有意思，它将会在你的Browser执行下一条脚本的时候让你选择调试器来调试，这一点十分便于我们分析别人的拥有复杂 JavaScript的页面。比如gmail里面的管理页面，如果我想看看 点了star之后它是怎么处理的，就可以使用这个"Break at Next Statement"，让它break在next statement上。不过使用这个feature有个技巧：有的页面由于捕获了onmousemove事件，如果你通过鼠标去点击菜单里的"Break at Next Statement"条目，你的next statement总是被onmousemove给捕获了， 而得不到你想要的onclick的语句的中断，怎么办呢?! 那就是使用快捷键啦，比如你希望激活调试gmail里的mail list上的star(如下图)被点击时执行的脚本，你就把鼠标放在star上面，先按快捷键"Alt+V"、"u"、"b"，再点击就行了。
    

    到这里就可以说一下为什么现在还要用VS.NET 2003，而不只用VS.NET 2005来调试脚本了。比如上面的case，如果我在"Possible Debuggers"里选"New Instance of Visual Studio Whidbey"，我们将会得到一个Msg Box：
   
    用我test team一个哥们的话来说：真是伤感哦！

    这时我们使用VS.NET 2003就可以顺利的跟踪了。
   
    确实郁闷吧？不过，我相信whidbey正式release的时候，这个问题因该是能解决的了，那时2003就可以完全下岗了。 
  
    当然让调试器whidbey跟踪<script src="..."></script>这种情况不是完全没有可能，这里有个小hack可以使用的。就是在调试前把会被引用到的 script文件预先就打开在whidbey里，然后就能trace到该文件中去，这个办法显然只能解决本地调试，对于服务器端引用的意义不大，因为我们 没法预先把服务器上的脚本文件打开:(。

 

FireFox

使用 Firefox 的用户需要另外安装一下：
http://www.hacksrus.com/~ginda/venkman/
选择一个最新的版本安装，例如在 Firefox 中直接点击
http://www.hacksrus.com/~ginda/venkman/venkman-0.9.85.xpi
就可以完成安装。当然也可以下载下来，以后用 Firefox 直接打开这个文件完成安装。

安装好以后，在 Firefox 的工具菜单会出现一个“JavaScirpt Debugger”，点击后就可以打开 Venkman 调试器。
Venkman 调试器相关的资源包括：
Venkman, the new JavaScript Debugger for Netscape 7.x：
http://devedge-temp.mozilla.org/viewsource/2002/venkman/01/index_en.html
Venkman FAQ：
http://www.hacksrus.com/~ginda/venkman/faq/venkman-faq.html
直接搜索 Venkman 也可以搜索到很多相关的资源。

Firefox + Venkman 是开发 Ajax 应用的一对很好的组合。

 

脚本IDE

   Venkman已经是IDE了，当然也可以选择其它比较IDE，如Visual InterDev，MS Office自带一个比Visual InterDev更强大的，不过默认是不安装的，需要手动选择安装：安装时要选中HTML编辑器。安装完后，在如下路径：C:/Program Files/Microsoft Office/OFFICE11/MSE7.EXE即为此IDE的运行程序。在Office组件的工具->宏下也能找到此入口。