Verwenden Sie das Konsolenobjekt von Js, um Debugging-Informationen auf der Konsole zu drucken und die Implementierung von Js zu testen

Zufällig habe ich beim Öffnen von Baidu F12 gedrückt und dann die Ausgabe der Rekrutierungsanzeige von Baidu in der Konsole gesehen. Es fühlte sich sehr cool an und dann habe ich diesen Blog-Beitrag verfasst.

Würde es Ihnen beim zukünftigen Debuggen von Js nicht viel Ärger ersparen, da Sie Informationen auf diese Weise auf der Konsole ausgeben können? Um andere nicht in die Irre zu führen, habe ich speziell for(var i in console) verwendet, um die Konsolenunterstützung verschiedener Browserkonsolen zu überprüfen:

IE 11-Konsole

Protokoll, Info, Warnung, Fehler, Debug, Assert, Zeit, TimeEnd, Gruppe, GroupCollapsed, GroupEnd, Trace, Clear, Dir, Dirxml, Count, CountReset, CD, Select, Profile, ProfileEnd

Firebug Konsole

Protokoll, Debug, Info, Warnung, Ausnahme, Assert, Dir, Dirxml, Trace, Gruppe, GroupCollapsed, GroupEnd, Profil, ProfileEnd, Anzahl, Clear, Zeit, TimeEnd, TimeStamp, Tabelle, Fehler

Chrome Console

Speicher, _commandLineAPI, Debug, Fehler, Info, Protokoll, Warnung, Dir, Dirxml, Tabelle, Trace, Assert, Anzahl, MarkTimeline, Profil, ProfileEnd, Zeit, TimeEnd, TimeStamp, timeline, timelineEnd, group, groupCollapsed, groupEnd, clear

Es ist ersichtlich, dass die von mir oben getesteten Browser die fünf grundlegenden Methoden Protokoll, Info, Warnung, Fehler und Debug unterstützen. Beachten Sie, dass ich IE 11 verwende , ich habe keine anderen Versionen getestet und Firefox selbst verfügt nicht über eine Konsole. Sie müssen das Firebug-Plug-In laden und in der Konsole starten, sonst meldet Js einen Fehler. Um die Verwendung zu vereinfachen, können Sie es selbst kapseln und die Konsolenunterstützung des Browsers überprüfen. Wenn dies nicht der Fall ist, können Sie nur die ursprüngliche Warnung oder andere Methoden verwenden.

Einfache Verwendung:

console.log("Protokollinformationen");

console.info("Allgemeine Informationen");

console.debug("Debug-Informationen") ;
console.warn("warning prompt");
console.error("error prompt");

Formatierte Ausgabe:

console.log("%d Year %d Monat %d Tag", 2014, 5, 20);//Ausgabe im Datumsformat

console.log('%c farbige Ausgabeinformationen', 'color:white; Hintergrundfarbe:#0055CC' );/ /Ausgabe formatieren

Ausgabevariable:

var who= 'you';

console.log('Ausgabevariable Wir unterstützen ', Sie);// Variable lesen

Ausgabearray:

var arr = [1, 2, 3, 4, 5];

console.log('array:', arr) ;//Ausgabe Array