谜爱阁生活网

怎么使用IE浏览器自带开发人员工具调试JS程序

软件教程  2024-06-24 09:27:42  热度:32℃

很多小伙伴们都不清楚怎么使用IE浏览器自带开发人员工具调试JS程序,接下来小编能带来使用IE浏览器自带开发人员工具调试JS程序方法讲解,希望可以帮助到大家。

在设计工作流表单的时候,编写的JS程序能否正常运行,这时候就需要对JS程序进行调试工作。在此以工作流表单中一个简单的JS求和方法为例进行介绍。表单设计样式如图所示:

怎么使用IE浏览器自带开发人员工具调试JS程序

本例中是在“求和结果:”标签上绑定了JS的鼠标点击事件,当点击该标签时,便会触发JS点击事件函数。该函数的作用是:将获取到的第一个单行输入框与第二个单行输入框的值相加,并将两数之和赋值给第三个单行输入框输出。附上测试的点击事件函数的具体内容。如图所示:

以IE8浏览器为例,接下来重点介绍并演示如何使用浏览器自带的开发人员工具调试JS程序。(该工具快捷按钮为F12)

1、在工具->Internet选项->高级,去掉“禁用脚步调试(Internet Explorer)”项的勾选。如图所示:

2、去掉“显示友好http错误信息”项的勾选。最后点击应用,确定按钮。如图所示:

3、预览表单,当要执行的js程序出现错误时,浏览器会给出提示。如图所示:

4、在给出的错误提示窗口中,选择“是(Y)”按钮,进入IE浏览器自带的开发人员工具脚本调试界面,如图所示:

5、根据JS调试信息可以知道,当前JS报错是由于没有找到指定对象“dat”而导致的。我们需要在表单设计器中,修改JS程序并保存。因演示效果的需要,在本例中是没有设置id值为dat的单行输入框控件的,本例中第二个单行输入框控件的id值是data2。修改后的JS代码,如图所示:

6、将其改成值data2后,再进行测试不会出现JS报错信息,程序得以正常执行。如图所示:

7、本例只是演示了如何利用IE自带的开发人员工具进行简单的调试工作,如需了解其他调试及排查技巧,请参阅网络及相关书籍进行学习。

IE修复相关攻略推荐:

IE浏览器版本如何降低

如何给IE浏览器设置兼容模式

XP系统怎么禁止IE浏览器弹出你的浏览器已升级窗口?禁止IE浏览器弹出你的浏览器已升级窗口方法说明

以上就是谜爱阁生活网网小编为大家带来的使用IE浏览器自带开发人员工具调试JS程序方法讲解,喜欢的小伙伴们请大家继续关注IE浏览器中文网。

最近更新

  • 酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    2024-11-111236阅读

  • win7电脑中出现声音图标不见了的具体解决方法

    win7电脑中出现声音图标不见了的具体解决方法

    2024-11-11869阅读

  • 车到哪app的详细软件介绍

    车到哪app的详细软件介绍

    2024-11-11977阅读

  • 小米9se中查看序列号的具体操作方法

    小米9se中查看序列号的具体操作方法

    2024-11-11935阅读

  • 迅雷中使用FTP探测器的详细操作方法

    迅雷中使用FTP探测器的详细操作方法

    2024-11-11943阅读

  • ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    2024-11-11791阅读

  • 小米9se中清除内存的具体操作步骤

    小米9se中清除内存的具体操作步骤

    2024-11-11751阅读

  • 千牛中取消消息提醒的具体操作流程

    千牛中取消消息提醒的具体操作流程

    2024-11-11768阅读

  • 抖音app中两个人使用特效具体步骤介绍

    抖音app中两个人使用特效具体步骤介绍

    2024-11-11757阅读

  • 2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2024-11-11780阅读