当前位置:   article > 正文

JS 调试(debug)_debug js

debug js

关键函数(console.log) 

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>阿西吧</title>
  6. </head>
  7. <body>
  8. <h1>我的第一个 Web 页面</h1>
  9. <p>
  10. 浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
  11. </p>
  12. <script>
  13. a = 5;
  14. b = 6;
  15. c = a + b;
  16. console.log("abc:", c);
  17. </script>
  18. </body>
  19. </html>

关键函数(设置断点:debugger )

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>阿西吧</title>
  6. </head>
  7. <head>
  8. </head>
  9. <body>
  10. <p id="demo"></p>
  11. <p>开启调试工具,在代码执行到第三行前会停止执行。</p>
  12. <script>
  13. var x = 15 * 5;
  14. debugger;
  15. document.getElementById("demo").innerHTML = x;
  16. </script>
  17. </body>
  18. </html>

F10:下一步

Shift + F5:恢复

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
  

闽ICP备14008679号