如何调试JavaScript代码

1.通过alert() 来查看程序中的变量，由此也可以推断出程序跑到哪里就报错。

用法:

alert("1");   //弹出窗口显示1var a = "2";
alert("a="+a); //弹出窗口显示a=2

2.添加debugger来调试javaScript (比较推荐这个，实用方便，alert()添加起来比较繁杂，有时候添加多几个，后面还得删除多几个)

用法：只需要在你想要调试的js代码上面添加一个debugger;即可

...debugger;..
js代码
..

用谷歌浏览器举个例子：

这段js代码报错了，但是这时候不清楚具体哪里出错，于是在怀疑出错的js代码上面添加了debugger;

然后打开浏览器的F12，复现出错的请求，这时候程序跑到debugger;这里就会停下来。

有人可能疑惑怎么让程序接着运行下去，这时候就可以看到底下有几个按钮是教你如何让程序运行下去的

F8:暂停程序

F9:下一步

F10：跳过下一个函数

F11：进入当前函数

Shift + F11 ：跳出当前函数

结合情况使用不同按钮，一般来说按F9就可以发现问题出在哪里了

像刚刚我举的例子，错误就能明显看出来了。

如何调试JavaScript代码相关推荐

VS2010Web默认的浏览器设置和VS里调试JavaScript代码的设置
前言重装系统后,VS调用的Web浏览器不是IE了,VS调式不了JavaScript代码了.这两天一直在试终于搞定了.这里查找的问题当然主要是VS里面调式JavaScript代码了. 第一种方式设置V ...
vscode 调试参数_如何通过vscode运行调试javascript代码
初次正式要写 javascript 相关的代码,想要用 vscode 直接编译 js 代码,但是发现没有那么简单,需要配置好 launch.json 文件,现已经在vscode上编译过去并且可以调试 ...
VSCode配置调试JavaScript代码
VSCode配置调试JavaScript代码官网说明调试 1.创建配置 launch.json 文件按照图示点击创建 LeetCode 是文件夹的名字,以文件夹配置选择Node.js调试器 Le ...
Webstorm 调试 JavaScript 代码
通常前端项目的 JavaScript 代码调试是通过浏览器的开发者工具(右键菜单中点击 "检查")来完成.这种调试的方式的舒适度很差,显示页面的区域占了很大一块空间,留给调试窗口的 ...
asp js单步调试_如何使用Chrome的控制台高效的调试Javascript代码?
引言在我们的日常开发中我们常常会遇到JavaScript的调试问题,而我们解决问题的传统解决方案就是使用大量的console.log或者console对象的其他方法,这会给我们带来很多不便,特别是遇 ...
调试JavaScript代码
JavaScript调试代码 (JavaScript debugging the code) Debugging is the process of finding mistakes or bugs ...
使用chrome开发者工具调试JavaScript代码的三种常用方法
对 JS 程序的调试,除了在 JS 程序中使用 alert().console.log() 方法跟踪和调试代码外,开发人员也会经常使用一些调试工具.最常用的 JS 调试工具就是一些主流的浏览器的调试工 ...
f12弹出debug_调试Javascript代码(浏览器F12及VS中debugger关键字)
目前,常用的浏览器IE.Chrome.Firefox都有相应的脚本调试功能.作为我们.NET 阵营,学会如何在IE中调试JS就足够了,在掌握了IE中的调试方法以后,Chrome和Firefox中的调试 ...
IDEA调试JavaScript代码
1.使用插件 JetBrains IDE Support 这里提供的是CSDN下载,离线安装版,也可以自己去翻墙去谷歌的插件市场下载安装. 其他浏览器只要是使用谷歌浏览器内核的都可以安装使用,你要是 ...
Visual studio 中调试ASP程序、Javascript 代码 - 刘稻博客
2019独角兽企业重金招聘Python工程师标准>>> PS: 1.在调试asp时,要先附加进程(附加到:自动:与具体调试网站对应的 dllhost.exe 或 w3wp.exe . ...

如何调试JavaScript代码

如何调试JavaScript代码相关推荐

最新文章

热门文章