Heim > Artikel > Web-Frontend > Beispiel dafür, wie Chrome JavaScript debuggt

Beispiel dafür, wie Chrome JavaScript debuggt

黄舟Original: 2017-08-09 11:17:131896Durchsuche

In der Website- und Frontend-Entwicklung ist JavaScript eine leistungsstarke Skriptsprache, aber viele Menschen lieben und hassen sie und ignorieren manchmal direkt ihre Bedeutung. Natürlich gibt es viele Möglichkeiten, js unter ff zu debuggen, und es gibt auch sehr leistungsstarke Debugging-Tools. Hier zeige ich Ihnen, wie Sie js in Chrome debuggen.

1. Öffnen Sie die Demo mit dem Chrome-Browser

Beispiel dafür, wie Chrome JavaScript debuggt

2. Drücken Sie die Taste f12

Beispiel dafür, wie Chrome JavaScript debuggt

3. Haltepunkte hinzufügen

Beispiel dafür, wie Chrome JavaScript debuggt

4. Variablen überwachen

Beispiel dafür, wie Chrome JavaScript debuggt

Beispiel dafür, wie Chrome JavaScript debuggt

5. Sehen Sie sich das Konsoleneingabeprotokoll an

Beispiel dafür, wie Chrome JavaScript debuggt

6.Demo-Code:

<!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>

Das obige ist der detaillierte Inhalt vonBeispiel dafür, wie Chrome JavaScript debuggt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Ajax-Beispiel mit JavaScript zur detaillierten AnalyseNächster Artikel：Ajax-Beispiel mit JavaScript zur detaillierten Analyse

In Verbindung stehende Artikel

Mehr sehen