1) 安装chrome

2) 在html 中调用js代码相关代码如下:

2.1) html文件代码如下

<!doctype html>
<html lang="zh-hans">
<head>
    <meta charset="utf-8">
    <title>JavaScript</title>
</head>
<body>
    <!-- <script type="text/javascript"></script>> -->
    <script></script>
    <script src="script.js"></script>
</body>
</html>

2.2) js 代码如下

function foo () {
  let a = 2;
  function bar () {
      a++;
      let b = 10;
      function bar1 () {
          b++;
          return a+b
      }
      return bar1
  }
  return bar
}

let bar = foo()
let bar1 = bar()
console.log(bar1()); // 14
console.log(bar1()); // 15

2.3) 工程目录截图:

image.png

3) 使用chrome 打开html 文件呈现如下页面

image.png

右键点击检查

image.png

4) 点击source

image.png

5) 找到调试菜单,可以调试大功告成

image.png

react :js 代码断点调试方法

react :js 代码断点调试方法

1) 安装chrome

2) 在html 中调用js代码相关代码如下:

2.1) html文件代码如下

2.2) js 代码如下

2.3) 工程目录截图:

3) 使用chrome 打开html 文件呈现如下页面

右键点击检查

4) 点击source

5) 找到调试菜单,可以调试大功告成

作者开发经验总结的文章推荐,持续更新学习心得笔记

推荐阅读更多精彩内容

react :js 代码断点调试方法

1) 安装chrome

2) 在html 中调用js代码相关代码如下:

2.1) html文件代码如下

2.2) js 代码如下

2.3) 工程目录截图:

3) 使用chrome 打开html 文件 呈现如下页面

右键点击检查

4) 点击source

5) 找到调试菜单,可以调试 大功告成

作者开发经验总结的文章推荐,持续更新学习心得笔记

推荐阅读更多精彩内容

3) 使用chrome 打开html 文件呈现如下页面

5) 找到调试菜单,可以调试大功告成