Was ist die korrekte Art, in die Skriptkonsole (console.log) in IE zu schreiben?

Question

Ich habe dies Ersatz für console.log in document.ready() definiert:

$(document).ready(function(){ 
    console.log("doc ready"); 
    if(typeof console === "undefined"){ 
    console = { log: function() { } }; 
    } 
} 

Ich dachte IE diese Funktion zur Verfügung haben, sollte aber, wenn ich den Anruf über

console.log("doc ready"); 

die Ausgabe erscheint im Firefox enthalten Konsole, aber nicht im IE - tatsächlich bricht die Ausführung des IE-Skripts an dieser Stelle vollständig ab.

Was ist der richtige Weg, um auf die Konsole in IE zu schreiben?

Answer 1

Konsole ist für Firebug.

Sie müssen firebug lite installieren, um Schreiben zu ermöglichen, in IE zu trösten.

Answer 2

Das Script-Ausführung bricht wegen der falschen Reihenfolge der Befehle, kann dies besser sein:

$(document).ready(function(){ 

    if(typeof console === "undefined"){ 
    console = { log: function() { } }; 
    } 
    console.log("doc ready"); 
} 

Wenn Sie die Konsole ersten Zugriff, bevor geprüft wird, ob es vorhanden ist (und es, wenn nicht zu schaffen), hält diese Ergebnisse in einen Fehler.

Answer 3

IE6/7 hat standardmäßig keine Konsole.

In der Tat auch nicht Firefox - es wird von einem Plug-in namens Firebug bereitgestellt; Wenn Sie eine Firefox-Kopie verwenden, ohne dass Firebug installiert ist, erhalten Sie Fehler, die versuchen, console genauso aufzurufen wie mit IE.

IE8/9 tun haben eine Konsole.

Chrome und Safari haben ein integriertes Konsolenobjekt, aber zählen Sie nicht darauf, dass es genauso funktioniert wie Firebug oder IE8.

Beachten Sie, dass das Konsolenobjekt in allen Browsern möglicherweise nur erstellt wird, wenn das Debugfenster geöffnet ist. Dies bedeutet, dass Ihr Code mit einem console.log Aufruf in beliebigen Browser, nicht nur IE fehlschlagen kann.

In Ihrem Beispiel erstellen Sie im Wesentlichen ein Dummy-Objekt console, wenn es nicht existiert, was eindeutig verhindern soll, dass Browser ohne Konsole abstürzen, wenn Sie console.log() aufrufen. Aber du rufst console.log() an, bevor dieser Code ausgeführt wird, also werden jene Browser ohne Konsole in dieser Zeile abstürzen. Sie sollten deshalb Ihre console.log("doc ready"); Zeile nach unten verschieben, damit sie nach dem Bit kommt, das erkennt, ob console existiert.

Wenn die Konsole für IE existieren soll, gibt es eine Firebug-Version Firebug Lite, die in jedem Browser ausgeführt werden kann. Wenn Sie das ausführen, wird das Objekt console erstellt.

Beachten Sie jedoch, dass es nur ausgeführt werden kann, nachdem die Seite geladen wurde, so dass Sie es niemals dazu bringen können, Konsolenmeldungen in der Dokumentbereitschaftsfunktion anzuzeigen. Darüber hinaus kann das Konsolenobjekt möglicherweise nicht erstellt werden, wenn es bereits vorhanden ist. Daher kann der Code, den Sie im Dokument zum Erstellen eines Dummy-Konsolenobjekts bereit haben, möglicherweise verhindern, dass Firebug Lite ordnungsgemäß funktioniert.

Schließlich, während der Verwendung der Konsole ist fantastisch für Debugging-Zwecke, stellen Sie sicher, dass Sie nie Live-Code mit Aufrufen an console.log, auch wenn Sie planen, sie nur zu Debugging-Zwecken später verwenden. Wie Sie bereits gesehen haben, können sie dazu führen, dass ein Browser den Code nicht mehr ausführt, wenn er kein Konsolenobjekt hat, und es wird viele Live-Benutzer geben, die ihn nicht haben. Behalten Sie also Acht, Probleme für Live-Benutzer zu verursachen : Am besten ist es, sicherzustellen, dass Sie alle Anrufe an die Konsole vor dem Versand des Codes entfernt haben.

Answer 4

Hier ist, was ich für Failover auf Firebug Lite verwenden, wenn keine Konsole verfügbar ist. Dies garantiert, dass Sie eine Konsole mit einer Beschreibung erhalten, obwohl sie alle etwas anders arbeiten, also seien Sie vorsichtig.