JavaScript Debug 模式

最新推荐文章于 2023-09-02 00:18:31 发布

Regino

最新推荐文章于 2023-09-02 00:18:31 发布

阅读量699

点赞数 1

分类专栏： Front-end 文章标签： javascript debug

本文链接：https://blog.csdn.net/Regino/article/details/105777912

版权

Front-end 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

JavaScript Debug

JS 调试可以分为以下两种情况。

1. 页面空白

页面一片空白，JS 没有起作用，这种情况是因为 JS 代码写错了。
打开浏览器的控制台（右键或 F12 或 ctrl + shift + i），查找错误位置（行数）。

2. 效果未达到预期

打开浏览器的控制台。
在相应位置设置断点，刷新页面，定位到指定行：
在断点处逐步执行：
注意：调试完毕后要取消断点，否则会中断页面的加载。取消断点有两种方式：可以左键点击断点，也可以在 Breakpoints 中删除所有断点。

3. 用到的代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<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"/>
    <title>index.jsp</title>
    <script>
      for (let i = 0; i < 5; i++) {
        document.write("Hello JavaScript<br/>");
      }
    </script>
  </head>
  <body>
  </body>
</html>