调试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组件的工具->宏下也能找到此入口。