一,效果图。

二,代码。
- <!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>
参考资料:《菜鸟教程》