简介 虽然越来越多的用户转向使用 FireFox 等非 IE 内核浏览器，但是 Internet Explorer(IE, 6 以及后续版本 ) 仍然有着超过 50% 的市场占有率，大部分产品产品都需要支持 IE。不过 IE 缺少像 FireFox 上那么多调试 JavaScript 代码的插件，使得在 IE 上调试 JavaScript 代码比较困难，很多开发人员喜欢通过加入 alert 语句来进行调试，很大程度上降低了开发效率。 本文详细介绍了在 IE 中进行 JavaScript 调试所用到的工具，并通过一个例子演示了如何使用这些工具， 可以让读者掌握在 IE 上调试 JavaScript 的方法和技巧，加快他们在 IE 上开发 Web 应用的速度。
IE 上的调试工具 IE 上可选择的 JavaScript 调试工具不多，主要是 Microsoft 脚本编辑器 (Microsoft Script Editor) 以及 IE Developer Toolbar。
Microsoft 脚本编辑器 Microsoft 脚本编辑器是 Microsoft Office 中的一个小组件，它是一个很完备的 JavaScript 编辑和调试工具， 提供了丰富的调试功能。如果没有安装的话，可以运行 Office 的安装程序，选择”自定义安装”类型，然后 在自定义安装向导页面，选中“选择应用程序的高级自定义”, 在接下来的高级自定义页面，依次定位到 Microsoft Office->Office 工具 ->HTML 源文件编辑 ->Web 脚本创作 -> 站点调试，选择“从本机运行全部程序”， 如下图所示。然后按照向导，完成安装即可。
图 1. 安装 Microsoft 脚本编辑器 如果没有购买 Office 套件，可以从 列表中下载安装 Microsoft Script Debugger。它是免费的， 比 Microsoft Script Editor 更轻量级，缺点是调试功能，特别是跟踪变量的功能还比较原始。 所以在这里我们还是推荐使用 Microsoft 脚本编辑器。
IE Developer Toolbar IE Developer Toolbar ，是 IE 上的一个插件，用来探究和理解 Web 页面的便捷工具，最主要的功能包括： 查看并修改页面的 DOM 对象；查看选中元素或者标签的各种属性，包括 HTML 和 CSS 属性以及 JavaScript 事件等。 之所以这里要用到它，是因为在一个设计完备的产品中，页面上的很多元素，包括附加在这些元素上的各种事件， 都是在运行时动态创建的，单纯通过查看源代码，很难找到我们要调试的 JavaScript 函数。在这种情况下， 使用 IE Developer Toolbar，只需要通过鼠标选中目标元素，就可以立即帮助我们找到那些在运行时附加在它上面 的 JavaSscript 函数或者事件。
可以从 列表中下载安装 IE Developer Toolbar。安装成功后，会看到它的图标 被加到了 IE 的标准按钮栏上，如下图所示。
图 2. IE Developer Toolbar 图标 在 IE 中启用脚本调试功能 在我们能够进行 JavaScript 代码调试之前，需要先启用 IE 的脚本调试功能。
在 IE 菜单的工具菜单中，依次点击：Internet 选项 -> 高级 -> 浏览，取消选中"禁用脚本调试 (Internet Explorer)"和 "禁用脚本调试 ( 其他 )"，如下图所示 .
图 3. 启用脚本调试功能 |
