react :js 代码断点调试方法
2018-01-10 本文已影响357人
wg689
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
