2.在工作区内打一些断侍咐点,如无异常的话应该是实心红点
3.点击 运行和调试 按钮
4.点击小齿轮按钮,修改配置文件
5.右键刚才那个js文件,复制出其相对路径,放在配置文件${workplaceFolder} 的春谈稿后面
6.点击开始按钮,进行调试
运行成功后,程序会定位到打断点的地方,并且,调试控制台可以看到输入结果,上面的一排按钮与其他调试工具类似,不赘述了
在实际开发当中扒孝,可以配置多分launch.json文件,以应对不同项目的调试
修改name值用于区分,并且,要修改program ,将对应项目的入口文件配置在这里即可
工具/原料
chrome浏览器 Mozilla firefox 电脑
方法/步骤
1、以chrome为例,首先打开需要调试的页面,按F12快捷键打开调试工具。
2、选择指定的dom节点进行查看和编辑。
3、js断点调试:chrome非常强大,在chrome调试工具栏中,你可以进行js断点调试以及格式化查看(一些大型的门户网站都会将js压缩成无任何格式的代码这在研究时特别费劲):我先写一段简单的js代码闭银:function debug(){for (var i=0i<10i++){alert(i)}调试截图如下:
4、js ajax调试,ajax技迟态桐术如今越来越频繁使用,所以,ajax调试也必不可少:在chrome调试工具中,可以查看码坦到当前页面所以的请求,包括ajax请求,以下是页面打开后所有发起的请求。
断点明帆码调试是指自己在程序的某一行设置一个断点,调试轿烂时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,激哪调试到出错的代码行即显示错误,停下。方法:JS中怎样断点调试
http://zhidao.baidu.com/question/589003709.html?fr=iks&word=JS%D6%D0%D4%F5%D1%F9%B6%CF%B5%E3%B5%F7%CA%D4&ie=gbk
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)