react :js 代码断点调试方法
作者:
wg689 | 来源:发表于
2018-01-10 20:45 被阅读357次
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 代码断点调试方法
本文链接:https://www.haomeiwen.com/subject/fmlanxtx.html
网友评论