调试JavaScript/VB Script脚本程序（IE篇）

tansitongba

浏览: 503503 次

最近访客更多访客>>

蜀山蜀漓

Erriny

md334986110

Hccake

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (747)

社区版块

存档分类

2012-07 ( 15)
2012-06 ( 68)
2012-05 ( 183)
更多存档...

JavaScript/VB Script脚本程序一般有两种执行方式，一种是嵌入在宿主程序里面执行，比如在IE浏览器里面执行；另外一种，在资源管理器里面双击执行（虽然还是通过另外一个程序解释执行，但是给人的感觉毕竟是直接运行）。

这两种方式，都可以使用Visual Studio来进行调试，先看大家用得比较频繁的网页脚本程序的调试：

1. 要调试网页里面的脚本程序，调试器需要宿主程序—这里也就是IE的支持，实际上所有的脚本程序解释器都实现了一个COM的调试接口。调试器通过查询解释器的这个接口，可以设置断点，查询变量以及捕捉异常，当然，查询到这个接口，需要宿主程序同意……至于如何实现这个接口，我们会在以后的文章里面讲到。

2. 默认情况下，IE是将脚本调试支持功能关闭的，因此你需要显示地打开它。打开IE，点击“工具”—“Internet 选项”，在“Internet 选项”里面选择高级页签，在“设置”列表里面，找到“禁用脚本调试（Internet Explorer）”选项，它默认是勾选上的—将它勾掉。

3.使用IE打开一个新的网页，无论是一个远程的，或者本地的（从本地硬盘打开）网页。例如下面一个网页，另存为test.html：

1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.<html xmlns="http://www.w3.org/1999/xhtml">

3.<head>

4.<title>JavaScript调试</title>

5.<script language=javascript>

6.function onload() {

7.var test = unescape("http://www.google.com");

8.alert(test);

9.}

10. </script>

11. </head>

12. <body onload="onload()">

13. </body>

14. </html>

4. 启动Visual Studio，点击VS菜单里面的“工具”—“附加到进程”菜单，打开“附加到进程”窗口里面。Visual Studio其实支持很多种调试模式，调试C++（native）程序，调试.NET（托管）程序，调试脚本程序，调试Silverlight程序以及调试SQL存储过程。默认情况下，Visual Studio会根据附加的进程类型来选择最合适的调试模式，但是有的时候，你需要手工设置一下。例如Internet Explorer这种程序，IE可以同时运行多种子程序，IE本身和ActiveX控件是C++/C写成的，IE可以运行Winform/WPF程序，IE可以运行Silverlight程序，当然，IE最多的还是运行JavaScript/VB Script脚本程序。Visual Studio在附加到Internet Explorer进程的时候，总是会被IE弄糊涂，所以我们需要手工告知Visual Studio我们希望采用什么调试模式。

在“附加到进程”窗口里面，在“附加到…”（英文是Attach To…）文本框旁边点击“选择”按钮，在弹出的“选择代码类型”窗口里面，勾选“调试下列类型”，并选择“脚本”。如下图所示：

5. 接着你需要在“附加到进程”窗口里面选择要附加的进程，在“可用进程”（Available Processes）列表里面，有一个“类型”（Type）列，里面列举了对应进程支持的调试模式，比如你可以看到在上图里，好几个iexplore.exe支持脚本和C++调试模式（Script, x86）。因此你所需要做的就是找到执行网页的进程，这里我选择了ID为3732的iexplore.exe，因为那个是运行第三步网页的进程。最后点击“附加”（Attach）按钮使用脚本调试模式调试指定的IE进程。