JS 的 6 种打断点的方式,你用过几种?,web前端开发软件
JavaScript中打断点的方式主要有以下6种:
- 在Chrome开发者工具中直接点击设置断点。
- 在源代码中设置行内断点,即在源代码的左边点击,或者在代码行号旁边点击。
- 使用
debugger
语句手动在代码中添加断点。 - 在Sources面板中打开JavaScript文件,点击行号设置断点。
- 在Console中使用
debug(function)
为特定函数设置断点。 - 使用Breakpoints面板中管理所有设置的断点。
示例代码:
function testDebugger() {
// 使用debugger语句设置断点
debugger;
console.log('This message will be logged before the breakpoint.');
}
// 在特定条件下调用函数,触发断点
if (true) {
testDebugger();
}
在实际开发中,最常用的是debugger
语句和在开发者工具中直接设置断点。
评论已关闭