一，效果图。
二，代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 调试</title>
</head>
<body>
<h1>我的第一个web页面</h1>
<p>浏览器中用f12来启用调试模式，在调试窗口中点击"console"菜单</p>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
<p id="demo"></p>
<p>开启调试工具，在代码执行到双系统三行前会停止运行</p>
<script>
var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
参考资料：《菜鸟教程》