1. Befehl zum Anzeigen von Informationen
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> Common Console Command </title>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<body>
<script type = "text/javaScript">
console.log ('Hallo');
console.info ('Information');
console.Error ('error');
console.warn ('Warnung');
</script>
</body>
</html>
Die am häufigsten verwendete Konsole.log ist die Konsole.log.
Zwei: Platzhalter
Die obige Konsolenkonzentration unterstützt das Printf -Platzhalterformat. Die unterstützten Platzhalter sind: Charaktere (%s), ganze Zahlen (%d oder%i), schwimmende Punktzahlen (%f) und Objekt (%O)
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
console.log (" %d Jahr %d Monat %D Tag", 2011, 3, 26);
</script>
Wirkung:
3.. Informationsgruppierung
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> Common Console Command </title>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<body>
<script type = "text/javaScript">
console.group ("erste Gruppe von Information");
console.log ("Erste Gruppe zuerst: mein xx (// www.vevb.com)");
console.log ("Erste Gruppe 2: xxx (http://vevb.com)");
console.groupend ();
console.group ("zweite Gruppe von Information");
console.log ("zweite Gruppe 1: Programmbegeisterte QQ -Gruppe: 80535344");
console.log ("zweite Gruppe 2: Willkommen beizumachen");
console.groupend ();
</script>
</body>
</html>
Wirkung:
4.. Zeigen Sie die Informationen des Objekts an
console.dir () kann alle Eigenschaften und Methoden eines Objekts anzeigen.
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
var info = {
Blog: "// www.vevb.com",
QQGroup: 80535344,
Nachricht: "Programmbegeisterte begrüßen Sie mitzumachen"
};
console.dir (info);
</script>
Wirkung:
5. Zeigen Sie den Inhalt eines Knotens an
console.dirxml () wird verwendet, um den in einem Knoten einer Webseite enthaltenen HTML/XML -Code anzuzeigen.
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<kopf>
<title> Common Console Command </title>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<body>
<div id = "info">
<h3> Mein Blog: www.ido321.com </h3>
<p> Programmbegeisterte: 259280570, Willkommen bei </p>
</div>
<script type = "text/javaScript">
var info = document.getElementById ('info');
console.dirxml (info);
</script>
</body>
</html>
Wirkung:
6. Bestimmen Sie, ob die Variable wahr ist
Console.assert () wird verwendet, um festzustellen, ob ein Ausdruck oder eine Variable wahr ist. Wenn das Ergebnis Nein ist, wird eine entsprechende Nachricht auf der Konsole ausgegeben und eine Ausnahme wird ausgelöst.
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
var result = 1;
console.assert (Ergebnis);
var Jahr = 2014;
console.assert (Jahr == 2018);
</script>
1 ist ein Nicht-0-Wert, er ist wahr; und das zweite Urteil ist falsch und die Fehlermeldung wird auf der Konsole angezeigt
7. Verfolgen Sie die Anrufspur der Funktion.
console.trace () wird verwendet, um die Aufrufspur der Funktion zu verfolgen.
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
/*Wie die Funktion aufgerufen wird, fügen Sie einfach die Methode console.trace () hinzu*//////
Funktion add (a, b) {
console.trace ();
Return a+b;
}
var x = add3 (1,1);
Funktion add3 (a, b) {return add2 (a, b);}
Funktion add2 (a, b) {return add1 (a, b);}
Funktion add1 (a, b) {return add (a, b);}
</script>
Konsolenausgabeinformationen:
8. Timing -Funktion
console.time () und console.timeend () werden verwendet, um die Laufzeit des Codes anzuzeigen.
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
console.time ("Konsolen -Timer eins");
für (var i = 0; i <1000; i ++) {
für (var j = 0; j <1000; j ++) {}
}
console.timeend ("Konsolen -Timer eins");
</script>
Laufzeit beträgt 38,84 ms
9. Leistungsanalyse der Konsole.profile ()
Die Leistungsanalyse (Profiler) besteht darin, die Laufzeit jedes Teils des Programms zu analysieren und den Engpass herauszufinden. Die verwendete Methode ist Console.profile ().
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
Funktion all () {
Alarm (11);
für (var i = 0; i <10; i ++) {
Funca (1000);
}
funcb (10000);
}
Funktion funca (count) {
für (var i = 0; i <count; i ++) {}
}
Funktion funcb (count) {
für (var i = 0; i <count; i ++) {}
}
console.Profile ('Performance Analyzer');
Alle();
console.profileend ();
</script>
Lassen Sie mich erklären, dass während des LZ -Tests kein Alarm zu allen () hinzugefügt wurde und die Kontrollleiste nicht ausgegeben wurde. Nach dem Hinzufügen gab es eine Leistungsanalyse -Tabelle. Der Grund war noch nicht klar. Wenn Sie wissen, können Sie einen Kommentar abgeben.