Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispiel dafür, wie Chrome JavaScript debuggt

黄舟
Freigeben: 2017-08-09 11:17:13
Original
1898 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage