第一步:开发者 ==> Visual Studio Code工作流 ==> 添加Chrome debug配置
第二步:VSCode里,选择要打断点的行,按F9添加断点
第三步:按F5运行,F10执行下一句,F11会进入函数体内执行
第四步:鼠标放在变量上就能看到数值,在WATCH窗口输入变量名也能查看属性
第五步:堆栈窗口可以跳转堆栈,跳转到函数体外层去查看变量属性
注意:WATCH窗口可以执行函数,效果等同于在代码中执行函数
这个技巧可以在不重新编译的情况下,动态修改变量,或执行函数
第3行执行 a = 456
再次查看a,就能看到a的值被动态修改了