什么是断点调试?
断点:
在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来
作用:
后台进行代码的断掉调试,可以帮助更好的理解代码运行,更快找到bug
如何使用断点调试?
浏览器打开调试界面
1. 按F12打开开发者工具
2. 点到sources一栏
3. 选择代码文件
4. 选择断点代码
5. 点击刷新,操作小图标即可
详细解释小图标
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 代码没出错,但是逻辑出现错误,这时候,我们就需要断点调试了
// 在调试面板里面--Sources(资源)
// 双击打开文件
// 在某句代码上打的标记就叫做断点(单击行数)并且刷新--断点处后停止
// 第一个图标小箭头,就是继续执行下面的代码,直到遇到下一个断点,没有断点执行到代码结束
// 第二个条图标(弯刀点),点一次执行一次代码,遇到函数,一次性执行完毕
// ------------可到函数内部----------------
// 第三个条图标(下箭头点)点一次执行一次代码,遇到函数,到函数中执行
// 第四个条图标(上箭头点) 如果在函数内,则一次性执行完函数内剩余的代码
let num1 = prompt('请输入第一个数')
let num2 = prompt('请输入第二个数')
function getSum(x, y) {
let z = x + y
return z
}
console.log(getSum(num1, num2));
</script>
</body>
</html>
以上就是断点调试的内容,主要是找到我们最好的师傅和朋友–bug!