js堆栈函数及断点调试(简单使用,仅供自己参考)

第一步打开调试面板点击源代码tab再点击webpack找到自己写的代码(以vue项目为例,构建完后的项目是不能调试的)

js堆栈函数及断点调试(简单使用,仅供自己参考)_第1张图片

第二步在你需要调试的地方点击一下卡个点,如上图所示,然后刷新网页

第三步,点击调试操作箭头,可以通过单步调试来观察代码执行的顺序

js堆栈函数及断点调试(简单使用,仅供自己参考)_第2张图片

调试完之后记得关闭断点

你可能感兴趣的:(前端)