IE9 prend-il en charge console.log et est-ce une vraie fonction?

Dans quelles circonstances est window.console.logdéfini dans Internet Explorer 9?

Même lorsqu'il window.console.logest défini window.console.log.applyet window.console.log.calln'est pas défini. Pourquoi est-ce?

[Question connexe pour IE8: Qu'est-il arrivé à console.log dans IE8? .]

Dans Internet Explorer 9 (et 8), l' consoleobjet n'est exposé que lorsque les outils de développement sont ouverts pour un onglet particulier. Si vous masquez la fenêtre des outils de développement pour cet onglet, l' consoleobjet reste exposé pour chaque page vers laquelle vous naviguez. Si vous ouvrez un nouvel onglet, vous devez également ouvrir les outils de développement de cet onglet pour que l' consoleobjet soit exposé.

L' consoleobjet ne fait partie d'aucune norme et est une extension du modèle d'objet de document. Comme les autres objets DOM, il est considéré comme un objet hôte et n'est pas tenu d'hériter Objectni de ses méthodes Function, comme le font les fonctions et les objets ECMAScript natifs. C'est la raison applyet calln'est pas définie sur ces méthodes. Dans IE 9, la plupart des objets DOM ont été améliorés pour hériter des types ECMAScript natifs. Comme les outils de développement sont considérés comme une extension d'IE (quoique, une extension intégrée), ils n'ont clairement pas reçu les mêmes améliorations que le reste du DOM.

Pour ce que ça vaut, vous pouvez toujours utiliser certaines Function.prototypeméthodes sur des consoleméthodes avec un peu de bind()magie:

var log = Function.prototype.bind.call(console.log, console);
log.apply(console, ["this", "is", "a", "test"]);
//-> "thisisatest"

Une solution simple à ce problème console.log consiste à définir ce qui suit au début de votre code JS:

if (!window.console) window.console = {};
if (!window.console.log) window.console.log = function () { };

Cela fonctionne pour moi dans tous les navigateurs. Cela crée une fonction factice pour console.log lorsque le débogueur n'est pas actif. Lorsque le débogueur est actif, la méthode console.log est définie et s'exécute normalement.

Je sais que c'est une très vieille question, mais je pense que cela ajoute une alternative valable sur la façon de traiter le problème de la console. Placez le code suivant avant tout appel à la console. * (Donc votre tout premier script).

// 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;
        }
    }
}());

Référence:
https://github.com/h5bp/html5-boilerplate/blob/v5.0.0/dist/js/plugins.js

console.log n'est défini que lorsque la console est ouverte. Si vous voulez le vérifier dans votre code, assurez-vous de le vérifier dans la propriété window

if (window.console)
    console.log(msg)

cela lève une exception dans IE9 et ne fonctionnera pas correctement. Ne faites pas cela

if (console) 
    console.log(msg)

Après avoir lu l'article du commentaire de Marc Cliament ci-dessus, j'ai maintenant changé ma fonction console.log multi-navigateur multi-usage pour ressembler à ceci:

function log()
{
    "use strict";

    if (typeof(console) !== "undefined" && console.log !== undefined)
    {
        try
        {
            console.log.apply(console, arguments);
        }
        catch (e)
        {
            var log = Function.prototype.bind.call(console.log, console);
            log.apply(console, arguments);
        }
    }
}

Je voudrais mentionner que IE9 ne soulève pas l'erreur si vous utilisez console.log avec des outils de développement fermés sur toutes les versions de Windows. Sous XP, c'est le cas, mais pas sous Windows 7. Donc, si vous avez abandonné la prise en charge de WinXP en général, vous pouvez utiliser directement console.log directement.

Que diriez-vous...

console = { log : function(text) { alert(text); } }