断点调试debug): 指在程序的某一行设置一个断点调试时,程序运行到这一行就会停住,然后可以一步一步往下调试调试过程可以各个变量当前的值,出错的话,调试到出错的代码行即显错误

我们以【测试项目为例,随便在 test.html 文件编写一段 JS 代码获取页面内容

点击调试按钮点击创建 launch.json 配置文件选择【测试】项目。 

选择要运行浏览器

 

确认配置信息中的 file 路径正确点击绿色箭头开始调试。 

返回 test.html 文件点击行数左侧添加断点点击刷新开始断点调试。 

代码执行到断点时就会停止运行可以点击继续运行下一个断点,也可以点击单步调试,执行一行代码代码中的变量以及 this指向都会在【变量】中显示。 

可以点击【监视】中的 + 号,输入变量名监听变量每一步的变化。

 

还可以勾选 Caught Exceptions 监听报错,然后我们特意写错语法,点击刷新抓取报错。 

现在再次运行时 VSCode 就会将报错内容提示出来。

 

原创作者:吴小糖

创作时间:2023.11.30 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注