Extension de console.log sans affecter la ligne de log

Question

Je voudrais étendre la fonction 'console.log' pour ajouter des informations supplémentaires à sa sortie - mais je ne veux pas affecter le script nom/numéro de ligne des informations générées par le navigateur dans la fenêtre console. Voyez comment, si je crée ma propre implémentation, j'obtiens des informations de traçage inutiles, au cas où je voudrais localiser cette région de code... (elles sont toutes liées à l'implémentation du journal, et non au script qui a provoqué le message du journal).

Fondamentalement, mon application est une infrastructure très enfichable, où toute sortie de journal peut se produire dans un nombre quelconque de cadres. En tant que tel, je veux que chaque message de journal comprenne un identifiant unique spécial au début du message de journal.

J'ai essayé de remplacer la méthode console.log par la mienne, mais chrome se plaint en disant Uncaught TypeError: Illegal invocation

Voici comment je le remplace

var orig = console.log;
console.log = function( message )
{
    orig( (window == top ? '[root]' : '[' + window.name + ']') + ': ' + message );
}

Des idées ?

[EDIT] Note : Après avoir résolu le problème de 'l'invocation illégale', il semble que le nom de fichier/numéro de ligne soit toujours 'pollué' par l'override...

[EDIT] Il semblerait que la réponse générale soit - NON - en dépit de quelques confusions, la fonctionnalité souhaitée n'est PAS réalisable dans les versions actuelles des navigateurs.

Answer 1

Oui, il est possible d'ajouter des informations sans perturber les numéros de ligne d'origine de l'invocation du journal. Certaines des autres réponses données ici s'en rapprochent, mais l'astuce consiste à faire en sorte que votre méthode d'enregistrement personnalisée renvoie le logger modifié. Vous trouverez ci-dessous un exemple simple qui n'a été que modérément testé et qui utilise la variante contextuelle.

log = function() {
    var context = "My Descriptive Logger Prefix:";
    return Function.prototype.bind.call(console.log, console, context);
}();

Ceci peut être utilisé avec :

log("A log message..."); 

Voici un jsfiddle : http://jsfiddle.net/qprro98v/

On pourrait facilement être créatif et passer la variable de contexte, et supprimer les parenthèses d'auto-exécution de la définition de la fonction. Par exemple, log("DEBUG :")("Un message de débogage"), log("INFO :")("Voici quelques informations"), etc.

La seule partie vraiment importante de la fonction (en ce qui concerne les numéros de ligne) est qu'elle renvoie le logger.

Answer 2

Si votre cas d'utilisation peut s'accommoder de quelques restrictions, il est possible d'avoir recours à des solutions de rechange. est un moyen de faire en sorte que cela fonctionne. Les restrictions sont les suivantes :

• Le contenu supplémentaire du journal doit être calculé au moment de la liaison ; il ne peut pas être sensible au temps ni dépendre d'une quelconque manière du message de journal entrant.

• Le contenu supplémentaire du journal ne peut être placé qu'au début du message du journal.

Avec ces restrictions, les mesures suivantes peuvent vous convenir :

var context = "ALIASED LOG:"
var logalias;

if (console.log.bind === 'undefined') { // IE < 10
    logalias = Function.prototype.bind.call(console.log, console, context);
}
else {
    logalias = console.log.bind(console, context);
}

logalias('Hello, world!');

http://jsfiddle.net/Wk2mf/

Answer 3

C'est en fait possible dans chrome au moins. Voici le plus pertinent. Cela peut varier en fonction de la configuration, et la façon dont j'ai obtenu les divisions a été d'enregistrer toute la pile, et de trouver les informations dont j'avais besoin.

        var stack = new Error().stack;
        var file = stack.split("\n")[2].split("/")[4].split("?")[0]
        var line = stack.split("\n")[2].split(":")[5];

Voici le tout, en préservant l'enregistrement des objets natifs.

var orig = console.log
console.log = function(input) {
    var isChrome = navigator.userAgent.indexOf("Chrome") !== -1;
    if(isChrome){
        var stack = new Error().stack;
        var file = stack.split("\n")[2].split("/")[4].split("?")[0]
        var line = stack.split("\n")[2].split(":")[5];
        var append = file + ":" + line;
    }
    orig.apply(console, [input, append])
}

Answer 4

Vous devez appeler le console.log avec le bon contexte ( console ) :

orig.call(console, message);

Pour compléter votre fonction permettant des arguments multiples :

var orig = console.log;
console.log = function() {
    var msgs = [],
        prefix = (window== top ? '[root]' : '[' + window.name + ']');
    while(arguments.length) {
        msgs.push(prefix + ': ' + [].shift.call(arguments));
    }
    orig.apply(console, msgs);
};

Démonstration : http://jsfiddle.net/je2wR/

N'oubliez pas que vous perdez le navigateur intégré d'objets/de tableaux dans la console lorsque vous combinez des objets avec des chaînes de caractères à l'aide de la commande + signe.

Answer 5

Je viens de répondre à cette question dans un message qui m'a aidé à répondre à la question initiale sur les alias :

(http://stackoverflow.com/a/12942764/401735)

my_log_alias = console.log.bind(console)

Apparemment, la capacité à le faire a été conçue. Testé. Fonctionne.

Par la suite, mon_log_alias est identique à console.log et peut être appelé de la même manière. En l'appelant depuis l'intérieur d'une fonction, le numéro de ligne de cet appel de fonction sera signalé, y compris la ligne à l'intérieur d'un alias ou d'une fonction de conseil, le cas échéant.

Plus précisément, le numéro de ligne fourni par Chrome vous indiquera le fichier dans lequel se trouve la ligne, de sorte que ce que vous faites n'est peut-être pas nécessaire ; envisagez de signaler ce problème en tant que bogue ou demande d'amélioration de Chrome pour qu'il fournisse cette information dans console.log.