526互联

javascript 如何开启调试功能

发布时间 2023-10-21 16:31:40作者: 快乐小王子帅气哥哥

目录

javascript 如何开启调试功能

方式一： 打开浏览器，点击源码，直接点击一个，就加上断点了 (基于浏览器)

Alt text

方式二： 打开代码，在 js 中加入 debugger 关键字，就加上断点了（基于浏览器）

let a = 1;
debugger;
console.log(a);

方式三： webstorm

1. 打开所有编辑配置

2. 新增 javascript 调试

Alt text

3. javaScript 调试里面新增配置信息

Alt text

4.点击保存，就默认保存成功了

5.先启动你的项目 ，正常运行即可

Alt text

6.启动 javascript 项目，用调试的方式启动即可

Alt text

7,具体表现：（默认会打开一个新的浏览器，在你的 webstorem 控制台上就可以具体的断点信息了）

Alt text

Alt text