Compruebe si la consola está presente

Question

Estoy escribiendo un complemento. Para eso voy a registrar algunas cosas, como advertencias, cosas necc, etc. Para registrarlas, usaré la consola, pero puede haber un error si algún navegador no admite la consola. Para manejar este error, estoy pensando en usar este código:

if (typeof console == 'undefined') console = {}; 
if (typeof console.log == 'undefined') console.log = function() {}; 
if (typeof console.debug == 'undefined') console.debug = function() {}; 
if (typeof console.info == 'undefined') console.info = function() {}; 
if (typeof console.warn == 'undefined') console.warn = function() {}; 
if (typeof console.error == 'undefined') console.error = function() {}; 

Funcionará bien o hay una mejor opción?

Answer 1

Te estás acercando bien. sin embargo, puede acortarlo un poco:

if(typeof console === "undefined") { 
    console = { 
     log: function() { }, 
     debug: function() { }, 
     ... 
    }; 
} 

Esto le permite utilizar console.log/console.debug etc sin comprobar primero si se ha definido un objeto de la consola. Te recomiendo que siempre incluyas este fragmento si estás iniciando sesión, ya que es fácil olvidarte de eliminarlo y romperá tu sitio si no hay una consola presente.

Answer 2

console && console.log("whatever"); 

¿Esto no funciona?

Answer 3

¿Qué le parece usar una biblioteca para el registro?

• YUI Console
• log4j
• jsnlog
• loglevel

ACTUALIZACIÓN: Usted podría utilizar la secuencia de comandos a continuación para evitar console errores en los navegadores que carecen de una consola.

https://github.com/h5bp/html5-boilerplate/blob/master/src/js/plugins.js

Answer 4

Este enfoque hace que sea más fácil añadir/cambiar/eliminar métodos en el futuro y es más elegante y menos redundante que la mayoría ofrecen:

if (!"console" in window || typeof console == "undefined") { 
    var methods = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"]; 
    var emptyFn = function() {}; 
    window.console = {}; 
    for (var i = 0; i < methods.length; ++i) { 
     window.console[methods[i]] = emptyFn; 
    } 
} 

Answer 5

¿Qué tal @alexn acortamiento 's respuesta un poco

window.console = window.console || { debug: function(){}, log: function() { } };