console.log() wiederherstellen

Aus irgendeinem Grund ist das Prototyp-Framework (oder ein anderer JavaScript-Code) im Lieferumfang enthalten Magento ersetzt Standardkonsolenfunktionen, daher kann ich nichts debuggen. Aufschreiben in der JavaScript-Konsole console Ich erhalte folgende Ausgabe:

> console
Object
assert: function () {}
count: function () {}
debug: function () {}
dir: function () {}
dirxml: function () {}
error: function () {}
group: function () {}
groupEnd: function () {}
info: function () {}
log: function () {}
profile: function () {}
profileEnd: function () {}
time: function () {}
timeEnd: function () {}
trace: function () {}
warn: function () {}

Ich benutze Google Chrome version 13.0.782.112 unter Linux.

Prototype JavaScript framework, version 1.6.0.3

Gibt es eine schnelle Möglichkeit, das Problem zu lösen?

Versuchen Sie eine Wiederherstellung, da sich die ursprüngliche Konsole im window.console-Objekt befindet window.console aus iframe:

var i = document.createElement('iframe');
i.style.display = 'none';
document.body.appendChild(i);
window.console = i.contentWindow.console;
// with Chrome 60+ don't remove the child node
// i.parentNode.removeChild(i);

Funktioniert bei mir auf Chrome 14.

Zum Beispiel,

delete console.log

würde auch wiederherstellen console.log:

console.log = null;
console.log;         // null

delete console.log;
console.log;         // function log() { [native code] }

Magento enthält den folgenden Code /js/varien/js.js – Kommentieren Sie es aus und es wird funktionieren.

if (!("console" in window) || !("firebug" in console))
{
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];

    window.console = {};
    for (var i = 0; i < names.length; ++i)
        window.console[names[i]] = function() {}
}

Nur für den Fall, dass jemand mit der gleichen Situation konfrontiert ist.
Ich habe nicht auf die ursprüngliche Antwort zu Xaerxess geantwortet, weil ich dafür nicht den nötigen Ruf habe.
Sieht so aus, als wäre das die richtige Antwort, aber aus irgendeinem Grund fällt mir auf, dass es manchmal in meiner Software funktioniert und manchmal nicht …

Also habe ich versucht, den Löschvorgang abzuschließen, bevor ich das Skript ausgeführt habe, und es sieht so aus, als ob in 100 % der Fälle alles einwandfrei funktioniert.

if (!("console" in window) || !("firebug" in console))
{

  console.log = null;
  console.log;         // null

  delete console.log;

  // Original by Xaerxess
  var i = document.createElement('iframe');
  i.style.display = 'none';
  document.body.appendChild(i);
  window.console = i.contentWindow.console;

}

Vielen Dank an alle.

delete window.console stellt das Original wieder her console Objekt in Firefox und Chrome.

Wie funktioniert das? window ist ein gehostetes Objekt und wird normalerweise mit einem gemeinsamen Prototyp zwischen allen Instanzen implementiert (Sie haben viele Registerkarten im Browser).

Einige dumme Entwickler externer Bibliotheken/Frameworks (bzw Feuerkäferusw.) überschreiben die Eigenschaftskonsole von window Instanz, aber es beschädigt nicht window.prototype. Bis zum delete Betreiber, von dem aus wir zurücksenden console.* Methoden zum Prototyping von Code.

function restoreConsole() {
  // Create an iframe for start a new console session
  var iframe = document.createElement('iframe');
  // Hide iframe
  iframe.style.display = 'none';
  // Inject iframe on body document
  document.body.appendChild(iframe);
  // Reassign the global variable console with the new console session of the iframe 
  console = iframe.contentWindow.console;
  window.console = console;
  // Don't remove the iframe or console session will be closed
}

Getestet auf Chrome 71 und Firefox 65

Speichern Sie einen Verweis auf das Original console in einer Variablen ganz am Anfang des Skripts einfügen und dann entweder diese Referenz verwenden oder neu definieren console um auf den erfassten Wert zu zeigen.

Beispiel:

var c = window.console;

window.console = {
    log :function(str) {
        alert(str);
    }
}

// alerts hello
console.log("hello");

// logs to the console
c.log("hello");