Override console.log(); for production [duplicate]

Question

I'm fairly new to Javascript development so this might be a real newbie question.

I've got a sencha-touch application riddled with console.log(); for debugging purposes.

I've got chirpy doing all of my build time combining. It outputs a app.debug.js for debugging as well as a app.min.js for production

Now I could go through all of my code files looking for console.log(); and delete it manually when I'm ready to go to production, but I'm wondering if there's a way to override the method.

Basically, whenever the console.log(); method is called, DO NOTHING.

That way, I can put the override code file in my production config, and NOT in my debug config.

Is this possible?

Answer 1

Put this at the top of the file:

var console = {}; console.log = function(){}; 

For some browsers and minifiers, you may need to apply this onto the window object.

window.console = console; 

Answer 2

Or if you just want to redefine the behavior of the console (in order to add logs for example) You can do something like that:

// 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;