靠谱的软件下载站
当前位置:  IEfans/IE专区/IE技巧/IE11如何调试JS win7/win8系统调试IE浏览器脚本教程

IE11如何调试JS win7/win8系统调试IE浏览器脚本教程

IE技巧 秩名 2016-04-21 阅读(4065)

IE11的新特性包含了全面支持HTML5、CSS3、WebGL,全新的F12开发者工具,但还是会遇到例如“IE11调试JS时兼容问题、IE11无法启动断点调试前台js代码”等问题,下面的教程将详细告诉大家IE11浏览器如何调试JS脚本。

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

1.png

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

2.png

3.png

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

4.png

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

5.png

进入IE11的兼容模式

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

6.png

7.png

8.png

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

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

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

9.png

10.png

11.png

12.png

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

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

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

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

13.png

14.png

15.png

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

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

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

16.png

17.png

IE11浏览器如何在win7/win8系统下调试JS脚本的教程就到这里了,希望对你有所帮助,感谢关注IE浏览器中文网站!

标签:ie11如何调试js_IE浏览器脚本如何调试

Copyright © 1998-2017 www.iefans.net All Rights Reserved 湘ICP备13012168号-17