Restaurando consola.log()

Por alguna razón, el framework prototipo (u otro código JavaScript) que se envía con Magento está reemplazando las funciones estándar de la consola, por lo que no puedo depurar nada. Escribir en la consola de JavaScript console Obtengo el siguiente resultado:

> 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 () {}

Estoy usando Google Chrome version 13.0.782.112 en Linux.

Prototype JavaScript framework, version 1.6.0.3

¿Hay una manera rápida de resolver esto?

Dado que la consola original está en el objeto window.console, intente restaurar window.console de 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);

Funciona para mí en Chrome 14.

Por ejemplo,

delete console.log

también restauraría console.log:

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

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

Magento tiene el siguiente código en /js/varien/js.js – coméntalo y funcionará.

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() {}
}

Por si alguien se enfrenta a esta misma situación.
No respondí a la respuesta original de Xaerxess porque no tengo suficiente reputación para hacerlo.
Parece que esa es la respuesta correcta, pero por alguna razón me doy cuenta de que a veces funciona en mi software y otras no…

Así que intenté completar la eliminación antes de ejecutar el script y parece que todo funciona bien el 100% de las veces.

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;

}

Gracias a todos.

delete window.console restaura el original console objeto en Firefox y Chrome.

¿Como funciona esto? window es un objeto alojado y normalmente se implementa con un prototipo común entre todas las instancias (tienes muchas pestañas en el navegador).

Algunos desarrolladores tontos de bibliotecas/marcos externos (o bicho de fuegoetc.) anulan la consola de propiedades del window instancia, pero no corrompe window.prototype. Por el delete operador estamos de vuelta despachando desde el console.* métodos para prototipo de código.

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
}

Probado en Chrome 71 y Firefox 65

Guardar una referencia al original console en una variable al comienzo del script y luego use esta referencia o redefina console para señalar el valor capturado.

Ejemplo:

var c = window.console;

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

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

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