怎么调试JS的函数调用顺序

JavaScript016

怎么调试JS的函数调用顺序,第1张

1、定义几个方法

2、依次执行函数,代码写在前面的先执行,写在后面的后执行

示例:

1

2

3

4

5

6

function f1(){//定义f1函数

}

function f2(){//定义f2函数

}

f1()//先执行f1函数

f2()//再执行f2函数

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进入开发者工具,就会见到熟悉的画面了。