cari

Rumah >hujung hadapan web >tutorial js >Chrome如何调试JavaScript的示例

Chrome如何调试JavaScript的示例

黄舟
黄舟asal
2017-08-09 11:17:131906semak imbas

在网站和前端的开发中，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>

Atas ialah kandungan terperinci Chrome如何调试JavaScript的示例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Ajax的例子使用JavaScript具体分析Artikel seterusnya：对比Javascript中BOM与DOM区别与联系

Artikel berkaitan

Lihat lagi