当前位置:Gxlcms > JavaScript > Chrome如何调试JavaScript的示例

Chrome如何调试JavaScript的示例

时间:2021-07-01 10:21:17 帮助过:7人阅读

在网站和前端的开发中,javascript是一个强大的脚本语言,但是很多人对他是又爱又恨, 有的时候直接忽略了他的重要性。当然调试js的方法很多,ff下面的firebug,ie也有很强大的调试工具,在这里我向大家展示一个如何在chrome如何调试js。


1.用chrome浏览器打开demo

1.png


2.按下f12键

2.png


3.添加断点

3.png


4.监视变量

4.png

5.png

5.查看控制台输入的日志

6.png


6.demo 代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    
</body>
</html>
<script>
    
     var cnt = (function () {
        var index = 0;
        var add = function () {
            return ++index;
        };
        return add;

    })();
    var c=cnt();
    alert(c);
    console.log(c);

</script>

以上就是Chrome如何调试JavaScript的示例的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行