在安装office(2003、2007带此工具,2010+不带此工具)时,选择自定义安装,将office 工具->html源文件编辑器下及下边的所有功能全部安装。

(这里需要说明的是:从ie8版本开始,ie浏览器自带了开发人员工具,用那可以调试js脚本,但是我个人认为其功能不如外部的js脚本调试工具强大,它毕竟是内嵌的调试工具,不好使用)

安装后在office安装目录下可以找到msd7.exe文件(office 2007安装后,该文件在系统盘\Program Files\Common Files\microsoft shared\OFFICE12目录下),启动该文件后,点击调试窗口菜单,如果有安装选择,点击进行安装。安装好后的界面如下所示。

安装完成后,打开浏览器设置,开启调试功能。在internet选项中,将高级选项的禁用脚本调试两项前边的勾去掉。点击确定后重新启动浏览器

在查看菜单中选择外部脚本高度程序一项,表示可以使用刚安装的脚本调试器进行js的脚本调试,选择打开后可以看到可以选择的调试器:

 

说明:在office 2007安装后可能看不到外部脚本调试程序的选项,此时可以考虑安装visual studio开发工具里边的web调试工具,这个工具是专门为开发人员开发的,功能比office所带的强大,同时安装需要附带安装的东西也很多,并且浪费时间,如果仅仅是一般调试,可以优先考虑office所带的调试工具。

Visual studio 安装js调试工具,仅选择visual web developer一项安装即可。

 

在调试工具选择后可以对里边的脚本添加断点进行调试。Office所带的脚本调试器只能对当前页面里边的脚本添加断点,不能为外部引用的js文件添加断点,需要对外部引用的js文件调试时,要在需要调试的地方添加如下代码:

debugger;

当脚本运行到时处时,会弹出脚本调试窗口选择调试器,选择后会进入加断点的地方进行调试。