'console' ist undefiniert Fehler für Internet Explorer

Fügen Sie den folgenden an der Spitze der JavaScript (vor der Verwendung der Konsole):

/**
 * Protect window.console method calls, e.g. console is not defined on IE
 * unless dev tools are open, and IE doesn't define console.debug
 * 
 * Chrome 41.0.2272.118: debug,error,info,log,warn,dir,dirxml,table,trace,assert,count,markTimeline,profile,profileEnd,time,timeEnd,timeStamp,timeline,timelineEnd,group,groupCollapsed,groupEnd,clear
 * Firefox 37.0.1: log,info,warn,error,exception,debug,table,trace,dir,group,groupCollapsed,groupEnd,time,timeEnd,profile,profileEnd,assert,count
 * Internet Explorer 11: select,log,info,warn,error,debug,assert,time,timeEnd,timeStamp,group,groupCollapsed,groupEnd,trace,clear,dir,dirxml,count,countReset,cd
 * Safari 6.2.4: debug,error,log,info,warn,clear,dir,dirxml,table,trace,assert,count,profile,profileEnd,time,timeEnd,timeStamp,group,groupCollapsed,groupEnd
 * Opera 28.0.1750.48: debug,error,info,log,warn,dir,dirxml,table,trace,assert,count,markTimeline,profile,profileEnd,time,timeEnd,timeStamp,timeline,timelineEnd,group,groupCollapsed,groupEnd,clear
 */
(function() {
  //Union of Chrome, Firefox, IE, Opera, and Safari console methods
  var methods = ["assert", "cd", "clear", "count", "countReset",
    "debug", "dir", "dirxml", "error", "exception", "group", "groupCollapsed",
    "groupEnd", "info", "log", "markTimeline", "profile", "profileEnd",
    "select", "table", "time", "timeEnd", "timeStamp", "timeline",
    "timelineEnd", "trace", "warn"];
  var length = methods.length;
  var console = (window.console = window.console || {});
  var method;
  var noop = function() {};
  while (length--) {
    method = methods[length];
    //define undefined methods as noops to prevent errors
    if (!console[method])
      console[method] = noop;
  }
})();

Die Funktion closure-wrapper um den Umfang der Variablen keine Variablen definieren. Diese schützt gegen beide undefined console undefined console.debug (und andere fehlende Methoden).

EDIT: bemerkte ich, dass HTML5 Boilerplate benutzt ähnlichen code in seine js/plugins.js Datei, wenn Sie auf der Suche nach einer Lösung (wahrscheinlich) gehalten werden up-to-date.

InformationsquelleAutor Peter Tseng

Für eine stabilere Lösung ist, verwenden Sie dieses Stück code (aus der twitter-source-code):

//Avoid `console` errors in browsers that lack a console.
(function() {
    var method;
    var noop = function () {};
    var methods = [
        'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
        'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
        'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
        'timeStamp', 'trace', 'warn'
    ];
    var length = methods.length;
    var console = (window.console = window.console || {});

    while (length--) {
        method = methods[length];

        //Only stub undefined methods.
        if (!console[method]) {
            console[method] = noop;
        }
    }
}());

InformationsquelleAutor Vinícius Moraes

Können Sie console.log() wenn Sie Developer Tools im IE8 geöffnet und Sie können auch verwenden die Console Textfeld auf der Registerkarte "Skript".

InformationsquelleAutor

Im IE9, wenn die Konsole nicht geöffnet wird, diesen code:

alert(typeof console);

zeigen "Objekt", aber dieser code

alert(typeof console.log);

werfen TypeError-Ausnahme, aber nicht zurück undefinierten Wert;

Also garantiert-version der code wird ungefähr so Aussehen:

try {
    if (window.console && window.console.log) {
        my_console_log = window.console.log;
    }
} catch (e) {
    my_console_log = function() {};
}

InformationsquelleAutor bonbonez

Basiert auf zwei vorherigen Antworten durch

• Vinícius Moraes
• Peter Tseng

und die Dokumentationen für

• Internet Explorer (IE 10)
• Safari (2012. 07. 23.)
• Firefox (ab 2013. 05. 20.)
• Chrom (2013. 01. 25.) und Chrom (2012. 10. 04.)
• und einige meiner Kenntnisse

Hier ist eine best-effort-Implementierung für die Ausgabe, das heißt, wenn es eine Konsole.melden Sie die tatsächlich vorhanden ist, füllt er die Lücken für nicht vorhandene Methoden über die Konsole.log.

Beispielsweise für IE6/7 ersetzen Sie die Protokollierung mit alert (blöd, aber funktioniert) und dann die unten monster (ich nannte es console.js):
[Fühlen Sie sich frei, um Kommentare zu entfernen, wie Sie sehen, passen, ich ließ Sie in der Referenz, ein minimizer können Sie anzupacken]:

<!--[if lte IE 7]>
<SCRIPT LANGUAGE="javascript">
    (window.console = window.console || {}).log = function() { return window.alert.apply(window, arguments); };
</SCRIPT>
<![endif]-->
<script type="text/javascript" src="console.js"></script>

und console.js:

    /**
     * Protect window.console method calls, e.g. console is not defined on IE
     * unless dev tools are open, and IE doesn't define console.debug
     */
    (function() {
        var console = (window.console = window.console || {});
        var noop = function () {};
        var log = console.log || noop;
        var start = function(name) { return function(param) { log("Start " + name + ": " + param); } };
        var end = function(name) { return function(param) { log("End " + name + ": " + param); } };

        var methods = {
            //Internet Explorer (IE 10): http://msdn.microsoft.com/en-us/library/ie/hh772169(v=vs.85).aspx#methods
            //assert(test, message, optionalParams), clear(), count(countTitle), debug(message, optionalParams), dir(value, optionalParams), dirxml(value), error(message, optionalParams), group(groupTitle), groupCollapsed(groupTitle), groupEnd([groupTitle]), info(message, optionalParams), log(message, optionalParams), msIsIndependentlyComposed(oElementNode), profile(reportName), profileEnd(), time(timerName), timeEnd(timerName), trace(), warn(message, optionalParams)
            //"assert", "clear", "count", "debug", "dir", "dirxml", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "msIsIndependentlyComposed", "profile", "profileEnd", "time", "timeEnd", "trace", "warn"

            //Safari (2012. 07. 23.): https://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/DebuggingYourWebsite/DebuggingYourWebsite.html#//apple_ref/doc/uid/TP40007874-CH8-SW20
            //assert(expression, message-object), count([title]), debug([message-object]), dir(object), dirxml(node), error(message-object), group(message-object), groupEnd(), info(message-object), log(message-object), profile([title]), profileEnd([title]), time(name), markTimeline("string"), trace(), warn(message-object)
            //"assert", "count", "debug", "dir", "dirxml", "error", "group", "groupEnd", "info", "log", "profile", "profileEnd", "time", "markTimeline", "trace", "warn"

            //Firefox (2013. 05. 20.): https://developer.mozilla.org/en-US/docs/Web/API/console
            //debug(obj1 [, obj2, ..., objN]), debug(msg [, subst1, ..., substN]), dir(object), error(obj1 [, obj2, ..., objN]), error(msg [, subst1, ..., substN]), group(), groupCollapsed(), groupEnd(), info(obj1 [, obj2, ..., objN]), info(msg [, subst1, ..., substN]), log(obj1 [, obj2, ..., objN]), log(msg [, subst1, ..., substN]), time(timerName), timeEnd(timerName), trace(), warn(obj1 [, obj2, ..., objN]), warn(msg [, subst1, ..., substN])
            //"debug", "dir", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "time", "timeEnd", "trace", "warn"

            //Chrome (2013. 01. 25.): https://developers.google.com/chrome-developer-tools/docs/console-api
            //assert(expression, object), clear(), count(label), debug(object [, object, ...]), dir(object), dirxml(object), error(object [, object, ...]), group(object[, object, ...]), groupCollapsed(object[, object, ...]), groupEnd(), info(object [, object, ...]), log(object [, object, ...]), profile([label]), profileEnd(), time(label), timeEnd(label), timeStamp([label]), trace(), warn(object [, object, ...])
            //"assert", "clear", "count", "debug", "dir", "dirxml", "error", "group", "groupCollapsed", "groupEnd", "info", "log", "profile", "profileEnd", "time", "timeEnd", "timeStamp", "trace", "warn"
            //Chrome (2012. 10. 04.): https://developers.google.com/web-toolkit/speedtracer/logging-api
            //markTimeline(String)
            //"markTimeline"

            assert: noop, clear: noop, trace: noop, count: noop, timeStamp: noop, msIsIndependentlyComposed: noop,
            debug: log, info: log, log: log, warn: log, error: log,
            dir: log, dirxml: log, markTimeline: log,
            group: start('group'), groupCollapsed: start('groupCollapsed'), groupEnd: end('group'),
            profile: start('profile'), profileEnd: end('profile'),
            time: start('time'), timeEnd: end('time')
        };

        for (var method in methods) {
            if ( methods.hasOwnProperty(method) && !(method in console) ) { //define undefined methods as best-effort methods
                console[method] = methods[method];
            }
        }
    })();

InformationsquelleAutor TWiStErRob

Ich bin mit fauxconsole; modifizierte ich die css ein wenig, so dass es sieht schöner aus, funktioniert aber sehr gut.

InformationsquelleAutor Stijn Geukens

Für den IE8 oder console-support beschränkt sich auf die Konsole.log (no debug, trace, ...) können Sie Folgendes tun:

• Ob Konsole ODER Konsole.log undefined: Erstellen von dummy-Funktionen für
  Konsole Funktionen (trace, debug, log, ...)

  window.console = {
debug : function() {}, ...};

• Else if console.Protokoll definiert ist (IE8) UND Konsole.debug (alle anderen) ist nicht definiert: umleiten alle logging-Funktionen auf die Konsole.Protokoll, das erlaubt, um diese logs !

  window.console = {
debug : window.console.log, ...};

Nicht sicher über die assert-Unterstützung in diversen IE-Versionen, aber alle Vorschläge sind willkommen. Auch dies geschrieben, Antwort hier: Wie kann ich die Konsole Protokollierung in Internet Explorer?

InformationsquelleAutor Christophe Roussy

Können Sie die unten zu geben, einen zusätzlichen Grad der Versicherung, dass Sie haben alle Grundlagen abgedeckt. Mit typeof ersten keine undefined Fehler. Mit === wird auch dafür sorgen, dass der name und der Typ ist tatsächlich der string "undefined". Schließlich werden Sie wollen, fügen Sie einen parameter an die Funktion Unterschrift (ich wählte logMsg willkürlich) um die Konsistenz zu gewährleisten, da Sie weitergeben, was Sie wollen gedruckt auf der Konsole die log-Funktion. Diese halten Sie auch intellisense genau und vermeidet irgendwelche Warnungen/Fehler im JS bewusst IDE.

if(!window.console || typeof console === "undefined") {
  var console = { log: function (logMsg) { } };
}

InformationsquelleAutor Flak DiNenno

Begegnet ähnliches problem mit der Konsole.log-in child-windows in IE9, erstellt durch das Fenster.die öffnen-Funktion.

Es scheint, dass in diesem Fall die Konsole ist nur definiert, im übergeordneten Fenster und undefiniert in den child-Fenster, bis Sie aktualisieren Sie. Dasselbe gilt für die Kinder von child-windows.

Ich, mit diesem Problem umzugehen, indem er log-in neben-Funktion (unten ist das fragment des Moduls)

getConsole: function()
    {
        if (typeof console !== 'undefined') return console;

        var searchDepthMax = 5,
            searchDepth = 0,
            context = window.opener;

        while (!!context && searchDepth < searchDepthMax)
        {
            if (typeof context.console !== 'undefined') return context.console;

            context = context.opener;
            searchDepth++;
        }

        return null;
    },
    log: function(message){
        var _console = this.getConsole();
        if (!!_console) _console.log(message);
    }

InformationsquelleAutor Max Venediktov

Nachdem ich ach so viele Probleme mit diesem Ding (es ist schwer zu Debuggen, Fehler da, wenn Sie öffnen Sie die Entwickler-Konsole der Fehler nicht mehr passiert!!!) Ich entschied mich für einen overkill-code zu haben nie diese Mühe machen, immer wieder:

if (typeof window.console === "undefined")
    window.console = {};

if (typeof window.console.debug === "undefined")
    window.console.debug= function() {};

if (typeof window.console.log === "undefined")
    window.console.log= function() {};

if (typeof window.console.error === "undefined")
    window.console.error= function() {alert("error");};

if (typeof window.console.time === "undefined")
    window.console.time= function() {};

if (typeof window.console.trace === "undefined")
    window.console.trace= function() {};

if (typeof window.console.info === "undefined")
    window.console.info= function() {};

if (typeof window.console.timeEnd === "undefined")
    window.console.timeEnd= function() {};

if (typeof window.console.group === "undefined")
    window.console.group= function() {};

if (typeof window.console.groupEnd === "undefined")
    window.console.groupEnd= function() {};

if (typeof window.console.groupCollapsed === "undefined")
    window.console.groupCollapsed= function() {};

if (typeof window.console.dir === "undefined")
    window.console.dir= function() {};

if (typeof window.console.warn === "undefined")
    window.console.warn= function() {};

Ich persönlich immer nur Konsole.log und Konsole.Fehler, aber dieser code kümmert sich um alle anderen Funktionen, wie gezeigt, in der Mozzila Developer Network: https://developer.mozilla.org/en-US/docs/Web/API/console.
Setzen Sie einfach diesen code auf der Oberseite Ihrer Seite und Sie sind fertig für immer mit diesem.

InformationsquelleAutor Hoffmann