代码可视化单步调试

今天介绍一个好用的在线可视化代码调试网站：pythontutor.com。在这个网站上贴上你的代码，就可以单步调试跟踪代码的运行过程，可以先感受下：

我们先准备一段要调试的代码，这段代码的主要目的是计算一个list中所有数值的和，利用该可视化工具可以看到list遍历、以及sum变量的变化过程：

lst = [1,2,3,4,5,6,7]
sum = 0
for e in lst:
    sum += e
    print('e:',e)
    print('sum:',sum)

第一步先进入网站主页 pythontutor.com ，从网站主页的介绍看也可以用来调试C,JAVA等语言，这里我们以Python为例，点击Python Tutor：

进入到Python Tutor后，粘贴已经写好的代码，或者在代码框中输入代码，选择好Python解释器版本，并点击Visualize Execution按钮：

如果编写的代码没有语法错误，点击Next按钮，在右侧就可以看到各种变量的变化过程，以及标准输出上会显示的内容，左侧代码部分绿色箭头表示已执行了的语句，红色箭头表示下一步要执行的语句：

前面的例子是以Python为例，其实这个网站还支持c，c++，java等多种语言的可视化调试。