IE 6中的JavaScript调试技术

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

微软(Microsoft)的Internet Explorer 6几乎受到了网络开发者的普遍厌恶。这很难处理和支持,但通过一些可靠的技术,您可以使这个过程不那么痛苦。在大多数浏览器中“正常工作”的功能几乎总是需要数小时的调整和变通才能在IE6中正常工作。随着越来越多的用户转而使用IE8等更新的浏览器,Safari和Firefox有望尽早放弃对IE6的支持。与此同时,我们中的许多人必须确保我们的网站在这个糟糕的浏览器上运行。IE 6中的JavaScript调试技术更糟糕的是,IE6在帮助开发人员诊断问题方面非常糟糕。

当JavaScript发生错误时,IE6的默认行为是在状态栏中显示一个小错误图标。非常容易错过!状态栏错误。双击此图标将显示一个弹出窗口,然后单击“Show Details”按钮,您将获得JavaScript错误的实际详细信息。

不幸的是,详细的错误消息可能非常模糊,可能对诊断实际问题没有太大帮助。最好的办法是记下问题的行号和列号,然后在源代码中查找。幸运的是,在Visual Studio的帮助下,通过更改一些IE设置,我们可以让自己变得更容易。

建立关系

要在IE中启用JavaScript调试,我们需要更改一些默认设置,这些设置可以从工具> Internet选项菜单和高级选项卡中访问。下图显示了IE6的默认设置,其中突出显示了我们感兴趣的三个设置。设置。IE中的脚本调试需要启用,这需要我们禁用三个选项中的第一个选项。

如果您还想在其他上下文中(如Outlook)调试脚本,则禁用第二个选项。如果您希望JavaScript错误对话框自动弹出,而不是在状态栏中显示为一个小图标,则启用第三个选项。调试错误。在更改这些设置并重新启动IE之后,我们就可以开始调试了。

下面所有的例子都是Visual Studio 2005,但同样适用于2008。如果你没有Visual Studio的完整拷贝,你也可以使用免费的Web Developer Express Edition。IE不会像下面的例子中那样提示您打开调试器,而是首先需要创建一个项目,然后自己启动调试器。从那时起,一切都是一样的。

基本的调试

让我们从一个简单的例子开始。下面的代码尝试调用一个不存在的函数: