ignore firebug console when not installed

Question

I use Firebug\'s console.log() for debugging my website. If I try viewing my website in browsers without Firebug then I get a console is not defined er

Answer 1

I always create my cross-browser wrappers for console.log alike functions and it looks like this:

function log(a){
try{
  console.log(a);
  }catch(er){
   try{
     window.opera.postError(a);
     }catch(er){
     //no console avaliable. put 
     //alert(a) here or write to a document node or just ignore
     }
  }

}

It can be extended for any browsers. in IE when in debug I'd recommend putting this jquery code in last catch:

$('body').append('<pre>'+JSON.serialize(a)+'</pre>');

You must add JSON.serialize to Your script. IE doesn't have it (IE8 might have, I'm not sure)

Answer 2

The linked solution is basically a variant(with a few extra functions) of this:

EDIT The below code doesn't actually work when firefox is present. That'll teach for posting code without checking just to show off my not so 1337 operator || skillz:

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

The reason for that is that firefox console is actually a getter only property off window. Hence we can't set it. Instead, something like this needs to be used:

if (!window.console) {
  window.console = {};
  window.console.log = function(){};
}

Also, console.log (and console.warn, console.error) will work on Webkit browsers, including mobile Safari, pretty cool, huh?

Answer 3

Honestly, I'd use that. It not only covers console.log(), but also every other console method, and in a decently short number of lines. The fact that it was first used in the Yahoo media player seems to suggest that it works excellently cross-browser, as well.

That bit of code is your best bet, is actually decently elegant, and should work in most every case. As long as you comment above the snippet just what it is for (so as not to confuse future developers), you should be fine.

Answer 4

The solution of @OcuS is sure the best, but you can enhance it with mine: Check this way to log to FF Console: Log to Firefox Error Console from JavaScript

Then add to the firebugx.js this 3 lines inside IF:

window.console['error'] = li
window.console['warn'] = li
window.console['debug'] = li

So you will see the log of every console error, warn and debug even when the Firebug is closed

Answer 5

You can use this code to check if console object exists

if('console' in window && 'log' in window.console)
{
    // code using console.log here
}

Or this code

if(typeof window.console != 'undefined'
&& typeof window.console.log != 'undefined')
{
    // code using console.log here
}

Also you can read this post http://alexandershapovalov.com/firebug-console-is-not-defined-60/ Inside the post link how to create jQuery wrapper for console

Answer 6

Off the top of my head:

if(!console)
{
     console = {};
     console.log = function() { };
}