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

JavaScript020

如何使用IE浏览器自带开发人员工具调试JS程序,第1张

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

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

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

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

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

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

1)首先来看一下目前IE11存在的一些js兼容问题。

2)其次来确认一下自己的笔记本的系统信息

1)登入的系统(为了信息安全,图片进行了简单处理)

2)在IE11默认的打开的方式下,鼠标单击任何按钮都是没有效果的,单击日志查询后再单击设备管理,可以看到页面是没有响应事件的。此时需要激活IE11下的兼容模式来浏览本页面。

进入IE11的兼容模式

1)在IE11页面内按F12 打开全新的开发者工具,。

2)在左侧找到 仿真功能,里面设置 文档模式与 用户字符串 都改为IE7的模式,这样就进入了浏览器的兼容模式,此时再回到刚才的页面 点击 日志查询 按钮 可以看到下面已经响应了js事件。

现在找到需要调试的页面中js脚本

1)打开需要进行调试的页面,在开发者工具中的 DOM资源管理器中 使用 选择元素 按钮,选出的文档位置。

2)在DOM资源管理器中找到 的js脚本位置,因为是在DOM资源管理器中打开的,所以在这里只能看不能操作,打开的js也是用文本的方式呈现出来的。

通过上面一步,如果能够定位到的js代码就已经确定可以进行js的debug调试了。

1)打开开发者工具中的调试程序功能,。

2)点击左上角的文件夹图标,找到的js代码

到这里为止,的IE11浏览器就能帮调试js代码啦。

还有另一种方式来调试js脚本

就是借助非IE的但是用IE内核做成的浏览器,比如360急速浏览器。

在兼容模式下,F12进入开发者工具,就会见到熟悉的画面了。

方法/步骤

1

双击IE浏览器的图标.打开IE浏览器.

2

找到键盘上的"F12"键.出来"开发人员工具".

3

选"脚本"选项卡.找到要调试的代码行.然后右击添加断点.或者直接点击也会出现断点.

4

点击启动调试,就会跑到设置的断点处."F11"可以一步一步调试,"F10"逐过程调试.,"shift+F11"跳出

http://jingyan.baidu.com/article/4b52d7027011d5fc5c774b0b.html