How can I use console.log on IE by using Modernizr.js

Question

Can anyone plase let me know that how can I use console.log in my application throgh modernizr.js which needs to be openned in almost every browser.

When I tried to run it in IE 8, it is giving me an error that console is undefined.

No, my question is emphasizing the use of modernizr.js... Please help — Ch Faizan Mustansar, Mar 18 '14 at 10:55
`console` is core JavaScript class., this is not related modernizr.js, Although <= IE 8 have not `console` class. see blow answers you can handle error only — Girish, Mar 18 '14 at 10:58

score 5 · Accepted Answer · answered Mar 18 '14 at 10:52

5

You may create a simple console polyfill for IE:

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

This won't have any effect on modern browsers. It'll just prevent undefined console error in IE.

answered Mar 18 '14 at 10:52

Michał Dudak

4,923
2
21
28

Thanks for the Ans, But No, I need to find a way to use modernizr for this purpose . – Ch Faizan Mustansar Mar 18 '14 at 10:53
May I ask why? AFAIK Modernizr doesn't do console feature detection. – Michał Dudak Mar 18 '14 at 10:55
Nice. Mr. Michal Dudak... Thanks for the eye opening comment... your answer has been selected as the best... – Ch Faizan Mustansar Mar 18 '14 at 11:20

giammin · Answer 2 · 2014-03-18T11:11:02.547

1

Console.log object is a features of some browser (Firefox, Chrome,...)

In IE console.log is only available after you have opened the Developer Tools F12

to avoid those errors you have to check for existence:

if ( window.console && window.console.log ) {
  // console is available
}

or you can create a console fallback to avoid checking every time writing the code below on top of you .js file or in your case before referencing modernzer.js:

window.console = window.console || { 
    log: function (msg) {
        alert(msg); //if you don't want alerts instead of logs comment this line
    }
};

edited Mar 18 '14 at 11:11

answered Mar 18 '14 at 10:54

giammin

18,620
8
71
89

I need an answer which is using the modernizr.js.. Above mentioned answer is a simple js solution... but the req from client is to use modernizr for this cause. – Ch Faizan Mustansar Mar 18 '14 at 10:56
@DanglingPointer put the second snippet before referencing modernizr – giammin Mar 18 '14 at 11:01
slightly shorter `window.console = window.console || {log: alert.bind(null)};` – mtdb Feb 14 '15 at 17:24

score 1 · Answer 3 · answered Mar 18 '14 at 10:57

1

You can include console polyfill in your page https://github.com/paulmillr/console-polyfill which add empty function if console.log is not available(ex: IE6)

You can also try console.log wrapper https://github.com/patik/console.log-wrapper

answered Mar 18 '14 at 10:57

Fizer Khan

88,237
28
143
153

How can I use console.log on IE by using Modernizr.js

3 Answers3