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

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

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

选择要运行浏览器

 

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

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

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

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

 

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

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

 

原创作者:吴小糖

创作时间:2023.11.30 

原文地址:https://blog.csdn.net/xiaowude_boke/article/details/134700295

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_9264.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

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