日常工作中时常遇到要调试js的问题,大部分情况下我们都是通过alert或者console.info输出,其实js在也提供了像调试java代码一样的debugger模式。这里简单给大家介绍一下
工具/原料
浏览器
方法/步骤
1
书写JavaScript代码
2
在要调试的代码前加入'debugger'
3
调试代码,在浏览器中打开页面,并打开开发者工具,注意:要在打开页面前打开开发者工具,如果先打开的页面后打开开发者工具,要刷新页面才可以进入debugg模式
4
开始调试代码:在开发者工具中即可开始调试,不同浏览器略有不同(以chrom为例),右上角即有调试按钮,分别是resume,step over,step into
5
查看变量:通过逐步调试便可查看变量的变话