选定要设置断点的代码行,在行号的区域后面单击鼠标左键即可。
在代码中右键选择Debug,开始进入调试。
点击最上方红色方框指向的小虫子,也会进入断点模式:
IDE下方出现 Debug 视图,红色的箭头指向的是现在调试程序停留的代码行。
红色箭头悬停的区域是程序的方法调用栈区,在这个区域中显示了程序执行到断点处所调用过的所用方法,越下面的方法被调用的越早。
step over
点击红色方框中的按钮,程序向下执行一行。如果当前行有方法调用,这个方法将被执行完毕返回,然后到下一行。
step into
点击红色方框中的按钮,程序向下执行一行。如果该行有自定义方法,则运行进入自定义方法(不会进入官方类库的方法)。
Force step into
该按钮在调试的时候能进入任何方法。
step out
如果在调试的时候你进入了一个方法(如f2()),并觉得该方法没有问题,你就可以使用stepout跳出该方法,返回到该方法被调用处的下一行语句。值得注意的是,此时该方法已执行完毕。
Drop frame
点击该按钮后,将返回到当前方法的调用处(如上图,程序会回到main()中)重新执行,并且所有上下文变量的值也回到那个时候。
只要调用链中还有上级方法,可以跳到其中的任何一个方法。
最后
我可以将最近整理的前端面试题分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等,还在持续整理更新中,希望大家都能找到心仪的工作。
篇幅有限,仅展示部分截图: