Abfangen von aufrufen an die Konsole.melden Sie sich in Chrome

Ich habe ein Skript, die ich nicht ändern kann, dass macht schon viel aus der Konsole.log-Aufrufe. Ich möchte hinzufügen, eine weitere Schicht und reagieren, wenn die Anrufe, die bestimmte Zeichenfolgen enthalten. Das funktioniert in FF, wirft aber eine "Illegale Aufruf" Fehler in Chrome auf dem 4. Zeile:

var oldConsole = {};
oldConsole.log = console.log;
console.log = function (arg) {
    oldConsole.log('MY CONSOLE!!');
    oldConsole.log(arg);
}

Irgendwelche Ideen, wie man das umgehen? Ich habe auch versucht, das Klonen der Konsole...

InformationsquelleAutor sprugman | 2012-02-09
  1. 37

    Müssen Sie rufen Sie console.log im Rahmen der console für chrome:

    (function () {
  var log = console.log;
  console.log = function () {
    log.call(this, 'My Console!!!');
    log.apply(this, Array.prototype.slice.call(arguments));
  };
}());
    • nice... war für so etwas suchen. Können diese verwendet werden, um schmücken jede Funktion in javascript?
    • dies ist das grundlegende Muster, die für das eine Funktion aufrufen, aber ich würde empfehlen, vor der Verwendung, es sei denn absolut notwendig. Es ist viel besser, ändern Sie einfach die Funktion direkt auf, oder verwenden OOP-Konzepte.
    • Bau einen Rahmen, wo es eine Menge von run-time-Montage von Komponenten, wäre dies ein praktisches tool für eine extern bezogene Ansatz zum Debuggen von Komponenten oder die änderung bestehender Komponenten mit plugins, etc. Gibt es einen Leistungseinbruch bei diesem Ansatz? Einfach nur neugierig, was die Nachteile sein würde. Ich werde mich nicht ändern intrinsische Funktionen, nur framework-Komponente Methoden.
    • jede Funktion, die Sie nennen, ist eine "performance hit", aber asynchronous JavaScript feuern sporadisch sollte nicht bog, deutlich.
    • sieht aus wie die Funktion verketten ist deutlich schneller. Nur ein test. jsperf.com/wrapped-function
    • Sieht aus wie ich Sprach zu früh, firefox scheint mit ihm zu kämpfen, ein bisschen, aber Chrome und Safari zeigen nicht viel Unterschied.
    • Gerade lief es in allem, was ich habe, sieht aus wie es ist gut genug, um zu verwenden, nochmals vielen Dank Mann. Dies macht das Leben viel einfacher für einige der seltsamen kleinen Probleme, die wir zu tun haben. 🙂
    • dies tut genau melden Zeilennummern

    InformationsquelleAutor zzzzBov
  2. 5

    Können Sie auch die gleiche Logik, aber rufen es aus dem console-Objekt, damit der Kontext ist der gleiche.

    if(window.console){
  console.yo = console.log;
  console.log = function(str){
    console.yo('MY CONSOLE!!');
    console.yo(str);
  }
}
    InformationsquelleAutor rgthree
  3. 4

    Ich weiß, es ist eine alte post, aber es kann nützlich sein, sowieso als andere Lösung sind nicht kompatibel mit älteren Browsern.

    Können Sie definieren das Verhalten von jede Funktion der Konsole (und für allen Browsern) wie folgt: 

    //define a new console
var console = (function(oldCons){
    return {
        log: function(text){
            oldCons.log(text);
            //Your code
        },
        info: function (text) {
            oldCons.info(text);
            //Your code
        },
        warn: function (text) {
            oldCons.warn(text);
            //Your code
        },
        error: function (text) {
            oldCons.error(text);
            //Your code
        }
    };
}(window.console));

//Then redefine the old console
window.console = console;
    InformationsquelleAutor Ludovic Feltz
  4. 2

    Mit ES6 neue spread-operator, den Sie schreiben können, wie dies

    (function () {
  var log = console.log;
  console.log = function () {
    log.call(this, 'My Console!!!', ...arguments);
  };
}());
    InformationsquelleAutor Devnegikec
Schreibe einen Kommentar