如何调试Javascript代码
展开全部
初级调试,也就是用alert来调试。
比如弹出一个变量值,看看这个变量值是不是预想中滴结果,当然用alert调试起来有很大的限制,现在已经用的不多了,而且用户还可以重写alert事件,如果把alert屏蔽掉了,那么就彻底无用了,当然有时候也还是挺管用的。
中级调试,也就是用调试工具调试。
一般来说,现在的浏览器都自带了JS调试工具,如IE8-IE11,Chrome,火狐(最好装上Debug),Safari等,按F12呼出调试界面。
以下用Chrome来说,按F12,选择选项卡的Source选项,接着点击右上角的三角形,选择你要调试的JS文件(如test.js),然后在你需要调试的代码段前面单击鼠标左键就添加了一个断点,这个时候当代码运行到这个地方的时候就会停止下来了,把鼠标移动对应的变量上面去就能显示出该变量的值什么的,还可以在变量上面单击右键添加监视等。
比如弹出一个变量值,看看这个变量值是不是预想中滴结果,当然用alert调试起来有很大的限制,现在已经用的不多了,而且用户还可以重写alert事件,如果把alert屏蔽掉了,那么就彻底无用了,当然有时候也还是挺管用的。
中级调试,也就是用调试工具调试。
一般来说,现在的浏览器都自带了JS调试工具,如IE8-IE11,Chrome,火狐(最好装上Debug),Safari等,按F12呼出调试界面。
以下用Chrome来说,按F12,选择选项卡的Source选项,接着点击右上角的三角形,选择你要调试的JS文件(如test.js),然后在你需要调试的代码段前面单击鼠标左键就添加了一个断点,这个时候当代码运行到这个地方的时候就会停止下来了,把鼠标移动对应的变量上面去就能显示出该变量的值什么的,还可以在变量上面单击右键添加监视等。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询