制作加拿大28程序前端调试bug的方法
断点调试(逻辑异常时使用)
制作加拿大28程序q<115.28.8.00.9.9>
在可能出错的位置设置断点
启动调试
单部执行(F10),观察变量的变化,将变量变化结果与预期结果进行比较,如果结果一致,则继续执行,如果不一致,可能出错。
找出出错位置,修改
使用方法:
创建项目(下面的是笔者写的小demo)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div>text:<span id="text">0</span></div>
<button id="btn">text+1</button>
<script type="text/javascript">
const textNode = document.getElementById('text'),
btnNode = document.getElementById('btn');
btnNode.onclick = () => {
textNode.innerHTML = (Number(textNode.innerHTML) + 2)
}
</script>
</body>
</html>
浙公网安备 33010602011771号