单步调试运行过程：

心得：
       使用单步调试可以检查自己程序的错误，很方便，也是很重要的。

出现汇编单步调试的同志一定是把工程放在中文目录上，将其改成英文即可。

JavaScript单步调试
作为前端开发人员，单步调试这一项技能往往被忽略，但是我依然觉得单步调试是一个非常实用并且基本的技能。当然，前端开发人员主要与JavaScript接触，在这里，我向大家介绍一下单步调试JavaScript的方法。
我这这里给大家介绍一下单步调试JavaScript的三种方法。
1、使用WebStorm对JavaScript进行调试
工具：WebStorm 10.0.3
环境：Node.js v5.3.0
工具、环境的安装和使用我就不在此赘述，请自行百度。
第一步：
打开WebStorm并新建一个Empty Project命名为WebTest，在WebTest工程下新建index.js内容如下：

var num = 0;
num = num + 1;
var tempNum = add(num);
num = tempNum;
console.log(num);
 
function add(arg) {
    arg = arg + 10;
    return arg;
}


然后右键单击index.js，选择Run‘index.js’运行，结果为11。
 
第二步：
在第2行添加断点，右键单击index.js，选择Debug‘index.js’。
 
点击Step Over单步运行程序，遇到方法跳过，观察店里num的变化
点击Step Into单步运行程序，遇到方法进入。
更多的功能大家可以自行尝试。
注意：
此时可能报错误：
Cannot stop on breakpoint due to internal error: org.jetbrains.v8.V8CommandProcessor$1: TypeError: f is not a function
解决方法为：
在WebStorm安装目录下的bin文件夹下的WebStorm.exe.vmoptions文件和WebStorm64.exe.vmoptions文件内添加-Dnodejs.debugger.use.jb.support=false，（注意前面有一个短横线）重新启动WebStorm。
2、使用Chrome对JavaScript进行单步调试。
工具：Google Chrome v48
此方法不依赖WebStorm和Node.js，但是我这里用WebStorm创建文件。
第一步：
继续在上面的项目中创建index.html，并在index.html中引入index.js，用Chrome运行index.html。
第二步：
按F12进入开发者模式，选择Sources，然后继续选择index.js，然后在第二行添加断点，刷新浏览器重新运行，通过Step
 Over和Step Into进行调试。


 
3、用Mozilla FireFox对JavaScript进行单步调试




如果有什么意见和建议，欢迎交流。

立即学习:https://edu.csdn.net/course/play/1226/19493?utm_source=blogtoedu
+ 单步调试技术