欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Chrome如何调试JavaScript的示例

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


1.用chrome浏览器打开demo

Chrome如何调试JavaScript的示例


2.按下f12键

Chrome如何调试JavaScript的示例


3.添加断点

Chrome如何调试JavaScript的示例


4.监视变量

Chrome如何调试JavaScript的示例

Chrome如何调试JavaScript的示例

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

Chrome如何调试JavaScript的示例


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的示例的详细内容,更多请关注其它相关文章!